Reference bezierPoint()

bezierPoint()

Calculates coordinates along a Bézier curve using interpolation.

bezierPoint() calculates coordinates along a Bézier curve using the anchor and control points. It expects points in the same order as the bezier() function. bezierPoint() works one axis at a time. Passing the anchor and control points' x-coordinates will calculate the x-coordinate of a point on the curve. Passing the anchor and control points' y-coordinates will calculate the y-coordinate of a point on the curve.

The first parameter, a, is the coordinate of the first anchor point.

The second and third parameters, b and c, are the coordinates of the control points.

The fourth parameter, d, is the coordinate of the last anchor point.

The fifth parameter, t, is the amount to interpolate along the curve. 0 is the first anchor point, 1 is the second anchor point, and 0.5 is halfway between them.

Examples

Syntax

bezierPoint(a, b, c, d, t)

Parameters

a
Number:

coordinate of first control point.

b
Number:

coordinate of first anchor point.

c
Number:

coordinate of second anchor point.

d
Number:

coordinate of second control point.

t
Number:

amount to interpolate between 0 and 1.

Returns

Number: coordinate of the point on the curve.
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/curves.js and open a pull request!

Related References