Chapter 4: Elliptical Curves

JavaScript

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

var path1 = paper.path("M 150,150 L 250,150 L 250,220").attr("stroke-dasharray", ".");
var path2 = paper.path("M 150,150 v 70 h 100").attr("stroke-dasharray", "-");

var curve1 = paper.path("M150,150 A100,70 0 0,0 250,220")
                .attr({"stroke-width": 2, stroke: "blue"});

var curve2 = paper.path("M150,150 A100,70 0 1,0 250,220")
                .attr({"stroke-width": 2, stroke: "cyan"});

var curve3 = paper.path("M150,150 A100,70 0 0,1 250,220")
                .attr({"stroke-width": 2, stroke: "pink"});

var curve4 = paper.path("M150,150 A100,70 0 1,1 250,220")
                .attr({"stroke-width": 2, stroke: "orange"});