Chapter 4: Bezier

by Stéphane Cabaret

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,50 200,150 250,100";
paper.path(path);