The CanvasRenderingContext2D.bezierCurveTo() method of the Canvas 2D API adds a cubic Bézier curve to the current sub-path. It requires three points: the first two are control points and the third one is the end point. The starting point is the latest point in the current path, which can be changed using moveTo() before creating the Bézier curve.
void ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
Where order is control point 1, control point 2 and end point
Appends a cubic Bézier curve to the receiver’s path.
The same for
void ctx.quadraticCurveTo(cpx, cpy, x, y); and