参考 arc()

arc()

绘制一个圆弧。

圆弧是一个由参数 xywh 定义的椭圆的一部分。 xy 设置圆弧的中心。 wh 设置圆弧的宽度和高度。 移步 ellipse()ellipseMode() 了解更多详细信息。

第五和第六个参数,startstop 用于设置圆弧的起止点所对应的角度。圆弧始终以顺时针方向从 startstop 绘制。

第七个参数,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!

相关参考