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)