Dibuja una curva de Bézier.
Las curvas de Bézier pueden crear formas y curvas que se inclinan suavemente. Están definidas por dos puntos de anclaje y dos puntos de control. Las curvas de Bézier proporcionan más control que las curvas spline creadas con la función curve().
Los dos primeros parámetros, x1 y y1, establecen el primer punto de anclaje. El primer punto de anclaje es donde comienza la curva.
Los siguientes cuatro parámetros, x2, y2, y x3, y3, establecen los dos puntos de control. Los puntos de control "tiran" de la curva hacia ellos.
Los parámetros séptimo y octavo, x4 y y4, establecen el último punto de anclaje. El último punto de anclaje es donde termina la curva.
Las curvas de Bézier también se pueden dibujar en 3D utilizando el modo WebGL. La versión en 3D de bezier() tiene doce argumentos porque cada punto tiene coordenadas x, y, y z.
Ejemplos
Sintaxis
bezier(x1, y1, x2, y2, x3, y3, x4, y4)bezier(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4)Parámetros
Coordenada x del primer punto de anclaje.
Coordenada y del primer punto de anclaje.
Coordenada x del primer punto de control.
Coordenada y del primer punto de control.
Coordenada x del segundo punto de control.
Coordenada y del segundo punto de control.
Coordenada x del segundo punto de anclaje.
Coordenada y del segundo punto de anclaje.
Coordenada z del primer punto de anclaje.
Coordenada z del primer punto de control.
Coordenada z del segundo punto de control.
Coordenada z del segundo punto de anclaje.
Referencias Relacionadas
bezier
Dibuja una curva de Bézier.
bezierDetail
Establece el número de segmentos utilizados para dibujar curvas de Bézier en modo WebGL.
bezierPoint
Calcula coordenadas a lo largo de una curva de Bézier utilizando interpolación.
bezierTangent
Calcula coordenadas a lo largo de una línea tangente a una curva de Bézier.