绘制一个圆弧。
圆弧是一个由参数 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 坐标。
圆弧椭圆的 y 坐标。
默认圆弧椭圆的宽度。
默认圆弧椭圆的高度。
弧线的起始角度,以弧度指定。
停止圆弧的角度,以弧度指定。
可选参数,确定绘制方式 弧线。 CHORD、PIE 或 OPEN。
仅适用于 WebGL 模式的可选参数。这是为了 指定组成顶点的数量 圆弧的周长。默认值为 25。不会 对于超过 50 个的细节进行描边。
相关参考
arc
绘制一个圆弧。 圆弧是一个由参数 x、y、w 和h 定义的椭圆的一部分。 x 和 y 设置圆弧的中心。 w 和 h 设置圆弧的宽度和高度。 移步 ellipse() 和 ellipseMode() 了解更多详细信息。 第五和第六个参数,start 和 stop 用于设置圆弧的起止点所对应的角度。圆弧始终以顺时针方向从 start 到 stop 绘制。 第七个参数,mode,是可选的。它决定了圆弧的填充样式。填充样式可以是开放式半圆(OPEN)、封闭式 半圆(CHORD),或闭合饼图(PIE)。 第八个参数,detail,也是可选的。它决定了会有多少顶点用于在WebGL 模式下绘制圆弧。默认值为 25。.
circle
画一个圆。 圆是一个由 x、y、 和 d 参数确定的。 x 和 y 设置其中心点的位置。d 设置其宽度和高度(直径)。圆边缘上的每个点到其中心点的距离都是 d。移步 ellipseMode() 查看其他设置其位置的方式。.
ellipse
绘制一个椭圆。 椭圆是一个由 x、y、 w 和 h 参数设置的圆形。 x 和 y 设置其中心点。 w 和 h 设置其宽度和高度。移步 ellipseMode() 查看其他设置椭圆位置的方式。 如果未设置高度,则椭圆的宽度和高度均使用宽度值。如果指定了为负数的高度或宽度,则其绝对值将被采用。 第五个参数detail也是可选的。它决定了有多少顶点会被用于在 WebGL 模式下绘制椭圆。默认值为 25。.
line
在两个点之间绘制一条线段。 线段的默认粗细为 1 个像素。当向 line() 传入 4 个参数时将在 2D 模式下绘制一条线段。使用 stroke() 函数可以给一条线段上色。使用 strokeWeight() 函数可以调整线段的粗细。线段不能被填充颜色,因此 fill() 函数不会影响其颜色。 当向 line() 传入 6 个参数时将在 3D 空间中绘制。要这样做时,需要在调用 createCanvas() 传入 WEBGL 参数。.