参考 quadraticVertex()

quadraticVertex()

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

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

前两个参数 cxcy 设置曲线的控制点。曲线朝着控制点的方向被拉拽。

后两个参数 x3y3 设置最后一个锚点。最后一个锚点是曲线结束的地方。

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

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

示例

语法

quadraticVertex(cx, cy, x3, y3)
quadraticVertex(cx, cy, cz, x3, y3, z3)

参数

cx
Number:

x-coordinate of the control point.

cy
Number:

y-coordinate of the control point.

x3
Number:

x-coordinate of the anchor point.

y3
Number:

y-coordinate of the anchor point.

cz
Number:

z-coordinate of the control point.

z3
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!

相关参考