Referencia bezierVertex()

bezierVertex()

Agrega un segmento de curva Bézier a una forma personalizada.

bezierVertex() agrega un segmento curvo a formas personalizadas. Las curvas Bézier que crea están definidas como las creadas por la función bezier(). bezierVertex() debe ser llamada entre las funciones beginShape() y endShape(). El segmento curvo utiliza el vértice anterior como el primer punto de anclaje, por lo que debe haber al menos una llamada a vertex() antes de que se pueda usar bezierVertex().

Los primeros cuatro parámetros, x2, y2, x3 y y3, establecen los dos puntos de control de la curva. Los puntos de control "tiran" de la curva hacia ellos.

Los quinto y sexto parámetros, x4 y y4, establecen el último punto de anclaje. El último punto de anclaje es donde termina la curva.

Las curvas Bézier también se pueden dibujar en 3D utilizando el modo WebGL. La versión 3D de bezierVertex() tiene ocho argumentos porque cada punto tiene coordenadas x, y y z.

Nota: bezierVertex() no funcionará cuando se pase un argumento a beginShape().

Ejemplos

Sintaxis

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

Parámetros

x2
Number:

Coordenada x del primer punto de control.

y2
Number:

Coordenada y del primer punto de control.

x3
Number:

Coordenada x del segundo punto de control.

y3
Number:

Coordenada y del segundo punto de control.

x4
Number:

Coordenada x del punto de anclaje.

y4
Number:

Coordenada y del punto de anclaje.

z2
Number:

Coordenada z del primer punto de control.

z3
Number:

Coordenada z del segundo punto de control.

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!

Referencias Relacionadas