画一条弧线(arc)
更新于 2024-01-11使用CanvasContext.arc画一条弧线。
重要
创建一个圆可以用
arc()方法指定其实弧度为0，终止弧度为2 * Math.PI。用
stroke()或者fill()方法来在 canvas 中画弧线。
示例代码
Loading...
针对 arc(150, 35, 50, 0, 1.8 * Math.PI)的三个关键坐标如下：
绿色: 圆心 (15, 35)
红色: 起始弧度 (0)
蓝色: 终止弧度 (1.8 * Math.PI)
入参
参数 | 类型 | 说明 |
|---|---|---|
x | Number | 圆 x 坐标。 |
y | Number | 圆 y 坐标。 |
r | Number | 圆 半径。 |
sAngle | Number | 起始弧度，单位弧度（在3点钟方向）。 |
eAngle | Numbers | 终止弧度。 |
counterclockwise | Boolean | 可选，指定弧度的方向是逆时针还是顺时针。 默认值：false。 |
