Chapter 4: Elliptical Curves

by swesh

JavaScript

var paper = Raphael(0, 0, 500, 4000);
var starting_point = paper.circle(150, 150, 4).attr({ fill: "green", stroke: 0 });
var ending_point = paper.circle(250, 220, 4).attr({ fill: "red", stroke: 0 });

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 curve2 = paper.path("M150,150 A100,70 0 1,0 250,220")
                .attr({"stroke-width": 2, stroke: "cyan"});



var curve2 = paper.path("M250,150 A100,50 0 1,0 250,250")
                .attr({"stroke-width": 2, stroke: "red"});






var curve3 = paper.path("M150,150 A100,70 0 0,0 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"});