canvas绘制弧形

1.context.arc(cx,cy,r,sAng,eAng,anticlock=false);

2.context.arcTo(x1,y1,x2,y2,radius);——两点和半径

• 控制点(x1,y1)
• 起点(x0,y0)——但不一定是切点
• 终点是切点，不一定是(x2,y2)
• 三个点形成两条线，arcTo根据两条线段绘制出与两条线段相切的圆弧，切点可以在延长线上
• 半径
• 用法
  • 首先将笔尖移到初始点的位置：context.moveTo(x0,y0);
  • context.arcTo(x1,y1,x2,y2,radius);

3.二次贝塞尔曲线（曲线不一定是一个标准的圆弧，由控制点决定）

• context.moveTo(x0,y0);
• context.quadraticCurveTo(x1,y1,x2,y2);
• (x0,y0)就是起点
• (x1,y1)就是控制点
• (x2,y2)就是终点

4.三次贝塞尔曲线

• context.moveTo(x0,y0);
• context.bezierCurveTo(x1,y1,x2,y2,x3,y3);
• 起点——(x0,y0)
• 控制点——(x1,y1)和(x2,y2)
• 终点——(x3,y3)