绘制一个四边形(四条边组成的形状)。
四边形包括矩形、正方形、菱形和梯形。第一对参数 (x1, y1)
设置四边形的第一个顶点。接下来的三对参数设置其接下来的三个顶点的坐标 (x2, y2)
、(x3, y3)
和 (x4, y4)
。顶点应按顺时针或逆时针顺序添加。
带有十二个参数的 quad()
版本允许在三维空间中绘制四边形。这需要向 createCanvas() 添加 WEBGL
参数。
第十三和第十四个参数是可选的。在 WebGL 模式下,它们设置用于在 x 和 y 方向绘制四边形的分段数。它们的默认值都为 25。
示例
语法
quad(x1, y1, x2, y2, x3, y3, x4, y4, [detailX], [detailY])
quad(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4, [detailX], [detailY])
参数
第一个顶点的 x 轴坐标。
第一个顶点的 y 轴坐标。
第二个顶点的 x 轴坐标。
第二个顶点的 y 轴坐标。
第三个顶点的 x 轴坐标。
第三个顶点的 y 轴坐标。
第四个顶点的 x 轴坐标。
第四个顶点的 y 轴坐标。
在 x 轴方向上绘制的分段数。
在 y 轴方向上绘制的分段数。
第一个顶点的 z 轴坐标。
第二个顶点的 z 轴坐标。
第三个顶点的 z 轴坐标。
第四个顶点的 z 轴坐标。
相关参考
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 参数。.