JSFiddle - React, Tailwind, and code Playground

by ansjovis

JavaScript

var paper = Raphael(0, 0, 500, 4000);
var x_start = 200; 
var y_start = 200;
var width = 50;
var height = 25;
var rotation = 0;
var direction = 1;
var x_end = 300;
var y_end = 200;

var ellipse = paper.path("M" +  x_start + ',' + y_start + ' A'+ width + ',' + height + ' ' + rotation + ' 1,' + direction + ' ' + x_end + ',' + y_end).attr({"stroke-width": 2, stroke: "orange"});

//var ellipse = paper.path("M200,200 A50,25 0 1,1 300,200")
//                .attr({"stroke-width": 2, stroke: "orange"});

var center = paper.circle(200,200,10,10).attr({"stroke-width": 2, stroke: "black"});
var center = paper.circle(300,200,10,10).attr({"stroke-width": 2, stroke: "black"});