canvas知识点

绘制直线

context.beginPath() 开始绘制

context.moveTo()设置起点

context.lineTo()设置下一个点

context.closePath()结束绘制

context.stroke()描边绘制

绘制矩形

context.strokeRect(x,y,width,height)

context.fillRect(x,y,width,height)

绘制弧形

context.arc(x,y,radius,startAngle,endAngle,actickwise);

x/y圆心半径 radius半径 startAngle起始角度 endangle结束角度

anticlockwise是否逆时针 true逆时针false顺时针