Bezier Curve
A smooth cubic Bezier curve defined by control points. Use it for organic, curved shapes that circles and polylines cannot achieve.
Block
Interactive preview is available in the interactive reader.
Parameters
control points- Space-separated x,y pairs. Four points define a cubic Bezier: start point, control point 1, control point 2, end point. The curve passes through the start and end points, and bends toward the control points.
How it works
A cubic Bezier curve is defined by four points. The curve starts at the first point, ends at the last, and is shaped by the two middle control points. The curve does not pass through the control points — they act as "magnets" pulling the curve toward them.
Understanding control points
| Point | Role |
|---|---|
| 1st | Start point — the curve begins here |
| 2nd | Control point 1 — pulls the curve away from the start |
| 3rd | Control point 2 — pulls the curve toward the end |
| 4th | End point — the curve ends here |