JSFiddle - React, Tailwind, and code Playground

by heavyhorse

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<div id="holder"></div>

CSS

#holder{
    width:300px;
    height:300px;
    background-color:#ddd;
    padding:10px;
}

JavaScript

var el = {
    width: $('#holder').width(),
    height: $('#holder').height()
};

var paper = new Raphael($('#holder')[0], el.width, el.height);
var circle = paper.circle(el.width/2, el.height/2, el.width/2);

"M <%= el.width %> <%= el.height %>"