Appearance
圆弧
正圆
ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
- radius, 圆弧半径
- startAngle, 起始点,x轴方向开始计算,弧度制
- endAngle, 终点
- anticlockwise, 布尔值,true时逆时针,false顺时针
椭圆
ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
- radiusX, 长轴半径
- radiusY, 短轴半径
- rotation, 旋转角度
- startAngle, 从X轴测量,弧度制
- endAngle, 结束角度
- anticlockwise
arcTo
通过控制点画圆,需要两个控制点,一个圆弧半径。
javascript
ctx.moveTo(100,100);
ctx.arcTo(300,100,300,300,50);
ctx.stroke();