向自定义形状添加贝塞尔曲线片段。
bezierVertex()
向自定义形状添加曲线片段。它创建的贝塞尔曲线与 bezier() 函数创建的相似。 bezierVertex()
必须在 beginShape() 和 endShape() 函数之间调用。曲线段 使用前一个顶点作为第一个锚点,因此必须至少在 bezierVertex()
之前之前调用一次 vertex()。
前四个参数 x2
,y2
, x3
,和 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!