Canvas-绘图-路径

路径：绘制不规则图形（复杂）

path：由多个坐标点组成任意图形，图形本身不可见，可以描边或者填充

ctx.beginPath();//开始一条新路径(上一条路径结束)

ctx.moveTo(x,y);//移动到指定点(x,y)

ctx.lineTo(x,y);//从当前点到指定点绘制一条直线(x,y)

ctx.stroke();//描边

ctx.fill();//填充

ctx.closePath();//闭合一条路径(结束点到开始点画一条直线)

ctx.arc(cx,cy,r,start,end);//绘制一条圆拱形

cx,cy:圆心位置(x,y)

r:半径

start:开始角度

end:结束角度

#参数 start,end 不使用常用角度完成设置，使用弧度设置

#角度 0-360 弧度 0-2PI

#采用角度转换弧度