canvas

1 设置宽高的时候要在canvas标签里 width=1000 height=1000  或者 canvas.width = 1000   canvas.height = 1000

canvas_第1张图片

2填充色

 

3 边框色


4绘制多个线条需要加入首尾 beiginPath()  closePath

canvas_第2张图片

5 canvas 是基于状态的

6 画圆  圆心的X坐标  圆心的Y坐标 半径大小 从哪一个弧度值开始 结束于哪一个弧度值  默认顺时针false true逆时针 (是可选的)

canvas_第3张图片

以πPi为准转动 0 0.5 1.5 2 位置是不变的

canvas_第4张图片


7 canvas做动画  用setInterval  参数1 是一个匿名函数 表示在每一帧的时候要做什么事情 参数2是时间

canvas_第5张图片


context.clearRect(0,0,width,height) 清除整个屏幕 对当前矩形画布进行刷新

context.canvas  通过上下文可以找到canvas 和里边的方法

canvas_第6张图片

你可能感兴趣的:(canvas)