-
画直线:context.moveTo(100,100)context.lineTo(700,700) context.lineTo(100,700) context.lineTo(100,100) context.fillStyle="rgb(2,100,30)" context.fill() context.lineWidth=5 context.strokeStyle="颜色" context.stroke() 基于状态的绘图:先设置绘图的状态再调用具体的函数进行绘制 画第二个图形 :context.beginPath() context.closePath()查看全部
-
前面的数组查看全部
-
确定圆心查看全部
-
context.arc()查看全部
-
context.arc()查看全部
-
图形绘制查看全部
-
canvsa 的基础绘画查看全部
-
clearRect(0,0,x,y);对整个矩形屏幕刷新查看全部
-
做动画的基本架构查看全部
-
半径R 圆到边框的距离1 圆心到边框的距离R+1,正方形的边长2*(R+1) 遍历二维数组,i代表行数,j代表列数(i,j初始值是0) CenterX:x+j*2*(R+1)+(R+1) CenterY:y+i*2*(R+1)+(R+1)查看全部
-
先定义状态,再绘制查看全部
-
指定画布大小,在style外部;另外,大小是没有单位的。查看全部
-
计算每个圆的圆心查看全部
-
CenterX:x+j*2*(R+1)+(R+1) CenterY:y+i*2*(R+1)+(R+1)查看全部
-
context.moveTo(x,y)和context.lineTo(x,y)定义路径;context.lineWidth和context.strokeStyle定义线条的宽度和颜色;context.fillStyle定义我们要填充的颜色;在最后的绘制上用context.stroke()绘制线条,用context.fill绘制颜色画。查看全部
举报
0/150
提交
取消