Canvas Playground

Your browser does not support HTML5 canvas.

Understanding Bezier curves: The curve is controlled by two points, shown here as small squares. By moving either or both points, you change the curve. In this case, the start point and end point of the line do not change. But you can randomly change the position of either control point and see the effect on the line by clicking the appropriate button above.

See a fully interactive version where you can drag the two small squares instead.

Canvas Playground index