参考 quad()

quad()

绘制一个四边形(四条边组成的形状)。

四边形包括矩形、正方形、菱形和梯形。第一对参数 (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])

参数

x1
数字:

第一个顶点的 x 轴坐标。

y1
数字:

第一个顶点的 y 轴坐标。

x2
数字:

第二个顶点的 x 轴坐标。

y2
数字:

第二个顶点的 y 轴坐标。

x3
数字:

第三个顶点的 x 轴坐标。

y3
数字:

第三个顶点的 y 轴坐标。

x4
数字:

第四个顶点的 x 轴坐标。

y4
数字:

第四个顶点的 y 轴坐标。

detailX
整数:

在 x 轴方向上绘制的分段数。

detailY
整数:

在 y 轴方向上绘制的分段数。

z1
数字:

第一个顶点的 z 轴坐标。

z2
数字:

第二个顶点的 z 轴坐标。

z3
数字:

第三个顶点的 z 轴坐标。

z4
数字:

第四个顶点的 z 轴坐标。

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!

相关参考