Chapter 4: Bezier

by lasitha_prabodha

JavaScript

var paper = Raphael(0,0,500,500);

// draw the control points for educational purposes
/* var cp1 = paper.circle(100, 50, 4).attr("fill", "black");
var cp2 = paper.circle(200, 150, 4).attr("fill", "black"); */

// draw the bezier curve
var path = "M 100,100 C 100,100 200,150 250,100";
paper.path(path);