参考 bezierVertex()

bezierVertex()

向自定义形状添加贝塞尔曲线片段。

bezierVertex() 向自定义形状添加曲线片段。它创建的贝塞尔曲线与 bezier() 函数创建的相似。 bezierVertex() 必须在 beginShape()endShape() 函数之间调用。曲线段 使用前一个顶点作为第一个锚点,因此必须至少在 bezierVertex() 之前之前调用一次 vertex()

前四个参数 x2y2x3,和 y3 设置曲线的两个控制点,曲线朝着控制点的方向被拉拽。

第五个和第六个参数 x4,和 y4 设置最后一个锚点。 最后一个锚点是曲线结束的地方。

贝塞尔曲线也可以在 WebGL 模式下绘制 3D。 bezierVertex() 的 3D 版本有八个参数,因为每个点都有 x、y 和 z 坐标。

注意:当向 beginShape() 传递参数时, bezierVertex() 不起作用。

示例

语法

bezierVertex(x2, y2, x3, y3, x4, y4)
bezierVertex(x2, y2, z2, x3, y3, z3, x4, y4, z4)

参数

x2
Number:

x-coordinate of the first control point.

y2
Number:

y-coordinate of the first control point.

x3
Number:

x-coordinate of the second control point.

y3
Number:

y-coordinate of the second control point.

x4
Number:

x-coordinate of the anchor point.

y4
Number:

y-coordinate of the anchor point.

z2
Number:

z-coordinate of the first control point.

z3
Number:

z-coordinate of the second control point.

z4
Number:

z-coordinate of the anchor point.

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/vertex.js and open a pull request!

相关参考