Loading [MathJax]/jax/output/CommonHTML/jax.js
Mercyhurst UniversityMath DeptDr Williams Home

Bezier Curves


Cubic         Quadratic


About Bezier Curves

Bezier curves are smooth curves that are frequently linked together to create paths in computer graphics. It is possible to create degree n curves, but quadratic and cubic are the most common. A Bezier curve between points A and B with degree n will have n1 control points C0,C1,C2, between A and B. A quadratic Bezier curve from A to B is traced by the function P(t)=(1t2)A+2(1t)tC0+t2B as t ranges from 0 to 1. Similarly, a cubic Bezier curve from A to B is traced by the function P(t)=(1t)3A+3(1t)2tC0++3(1t)2tC1+t3B

Using the Applet

Drag the handles to adjust the end points of the path and the control point(s). Choose to display the quadratic or cubic curve using the radio buttons at the top. The SVG path will be displayed above the canvas.

About this Applet

This applet was created using JavaScript and the Raphael library. If you are unable to see the applet, make sure you have JavaScript enabled in your browser. This applet may not be supported by older browsers.