初面网初面网

圆弧

正圆

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

通过控制点画圆,需要两个控制点,一个圆弧半径。

ctx.moveTo(100,100);
ctx.arcTo(300,100,300,300,50);
ctx.stroke();

更新于 2025/2/26