绘制一个圆弧。
圆弧是一个由参数 x
、y
、w
和h
定义的椭圆的一部分。 x
和 y
设置圆弧的中心。 w
和 h
设置圆弧的宽度和高度。 移步 ellipse() 和 ellipseMode() 了解更多详细信息。
第五和第六个参数,start
和 stop
用于设置圆弧的起止点所对应的角度。圆弧始终以顺时针方向从 start
到 stop
绘制。
第七个参数,mode
,是可选的。它决定了圆弧的填充样式。填充样式可以是开放式半圆(OPEN
)、封闭式 半圆(CHORD
),或闭合饼图(PIE
)。
第八个参数,detail
,也是可选的。它决定了会有多少顶点用于在WebGL 模式下绘制圆弧。默认值为 25。
示例
语法
arc(X, y, w, h, start, stop, [mode], [detail])
参数
X
数字:
圆弧椭圆的 x 坐标。
y
数字:
圆弧椭圆的 y 坐标。
w
数字:
默认圆弧椭圆的宽度。
h
数字:
默认圆弧椭圆的高度。
start
数字:
弧线的起始角度,以弧度指定。
stop
数字:
停止圆弧的角度,以弧度指定。
mode
常量:
可选参数,确定绘制方式 弧线。 CHORD、PIE 或 OPEN。
detail
整数:
仅适用于 WebGL 模式的可选参数。这是为了 指定组成顶点的数量 圆弧的周长。默认值为 25。不会 对于超过 50 个的细节进行描边。
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/2d_primitives.js and open a pull request!