-
function update() { ball.x += ball.vx; ball.y += ball.vy; ball.vy += ball.g; //bottom if (ball.y >= 500 - ball.r) { ball.y = 500 - ball.r; ball.vy = -ball.vy; } //top if (ball.y <= 0 + ball.r) { ball.y = ball.r; ball.vy = -ball.vy; } //left if (ball.x <= 0 + ball.r) { ball.x = ball.r; ball.vx = -ball.vx; } //right if (ball.x >= 1024 - ball.r) { ball.x = 1024-ball.r; ball.vx = -ball.vx; }查看全部
-
学到了很多东西开始定义的不是数组，是json，自己感觉好像java程序中的实体类。有收获查看全部
-
ctx.clearReact(0,0,width,height);对画布刷新，先是宽度，后是高度查看全部
-
检查了5分钟发现把windwos.onload写成了windows.on了不应该，应该是页面装载的时候。查看全部
-
while(balls.length>cnt){ balls.pop(); }查看全部
-
绘制方法查看全部
-
坐标轴左上角开始 canvas基于状态 分开处理需要查看全部
-
333查看全部
-
222查看全部
-
111查看全部
-
//线条开始 context.moveTo(50,50); //线条终点 context.lineTo(200,200); //线条的宽度 context.lineWidth = 3; //线条的颜色 context.strokeStyle = '#c00'; //进行线条的绘制 context.stroke(); //填充颜色 context.fillStyle = 'rgb(5,100,300)'; //对context进行填充 context.fill(); //多个图形绘制需要使用的方法 context.beginPath(); context.closePath();查看全部
-
绘制多图形，间隔用context.beginPath(),context.closePath()来包裹状态，进行分割；查看全部
-
canvas中的绘图是基于状态的绘图，即，先设置绘图的状态，之后再调用具体函数绘制； 先设置意图再具体绘制；查看全部
-
linewidth查看全部
-
· Draw a line context.moveTo(100,100); context.lineTo(700,700); 定义路径 多个路径通过 context.beginPath()和context.closePath() 分隔开 context.lineWidth=5; context.strokeStyle="red"; context.fillStyle="#723674"; context.stroke(); //绘制线条 context.fill(); //填充颜色块 canvas基于状态绘制，先设置状态，再进行绘制或者填充的动作查看全部
举报
0/150
提交
取消