Canvas 曲线绘制

Canvas 曲线绘制

Canvas 曲线绘制有四种方式：arc()、arcTo ()、quadraticCurveTo()、bezierCurveTo()。

1. arc()

context.arc ( centerx,centery ,radius ,startingAngle ,endingAngle ,anticlockwise = false)
参数：
- centerx,centery：圆点坐标(x,y)
- radius：半径
- startingAngle：起始弧度
- endingAngle：结束弧度
- anticlockwise：可选参数，FALSE表示顺时针，TRUE表示逆时针，默认为FALSE

2. arcTo ()

arcTo ( x1 ,y1 ,x2 ,y2 ,radius )
传入两点的坐标以及一个圆弧的半径，( x1 ,y1)为一个控制点，(x2 ,y2)为一个终止点。
使用方法：
首先要使用moveTo(x0,y0)移动到一个初始点的位置 context.moveTo(x0,y0)；