-
绘制多边形样式及着色查看全部
-
绘制多边形及样式设置查看全部
-
画直线查看全部
-
canvas不符合查看全部
-
canvas绘图查看全部
-
context.lineWidth 线条的宽度 context.strokeStyle 线条颜色 context.fillStyle 填充的颜色 context.MoveTo(222,222) 线段起始坐标 context.lineTo(100,100) 线段结束坐标 context.stroke() 绘制线段 context.fill() 填充颜色查看全部
-
标记路径开始和结尾 context.beginPath() context.closePath()查看全部
-
clearRec(0,0,context.canvas.width,context.canvas.height) Json的使用:var ball={x:512,y:100,g:2,vx:-4,vy:0,color:"color"};查看全部
-
clearRect最整个矩形空间进行空间操作,防止canvas原先画的图和当前画的图叠加在一起查看全部
-
context.arc( centerx,centery,radius, startingAngle,endingAngle, anticlockwise=false ) context.arc(300,300,0,1.5*Math.PI,false) //顺时针的方向来绘制 angle一直以顺时针方向的角度为 0,0.5PI,1PI,1.5PI,2PI context.closePath(); //会自动将未封闭的图形用一条直线连接起来,解决方法是只使用startPath(); context.fillStyle= "color"; context.fill();查看全部
-
context.beginPath();context.closePath();//在路径定义的首位设置 状态设置 context.beginPath(); context.moveTo(x1,y1); context.lineTo(x2,y2); context.lineTo(x1,y2); context.moveTo(x1,y1); context.closePath(); context.lineWidth=5; context.strokeStyle="color"; context.stroke(); //stroke笔画的意思 绘制 context.fillStyle="color"; context.fill(); //着色查看全部
-
defaut:width:300px;height:150px; if(canvas.getContext){ var context=canvas.getContext("2d"); } else{ alert(); }查看全部
-
屏幕自适应查看全部
-
function update(){ //下落 ball.x += ball.vx;//x = vx*t ball.y += ball.vy;//y = vy*t ball.vy += ball.g;//vy = g*t //下边碰撞 if(ball.y >= 768 -ball.r){ ball.y = 768 -ball.r ball.vy = -ball.vy*0.9 } //右边碰撞 if(ball.x >= 1024 -ball.r){ ball.x = 1024 -ball.r ball.vx = -ball.vx*0.9 } //左边碰撞 if(ball.x <= ball.r){ ball.x = ball.r ball.vx = -ball.vx*0.9 } }查看全部
-
1.setInterval函数缺陷:目标函数不一定能在指定时间内执行完毕 2.context.clearRect();//对一个矩形空间进行刷新查看全部
举报
0/150
提交
取消