JSFiddle - React, Tailwind, and code Playground

by Mitch Greer

HTML

<div id="canvas_container"></div>

JavaScript

//var paper = new Raphael(10, 50, 320, 200);
//var circle = paper.circle(50, 40, 10);
//circle.attr("fill", "#f00");
//circle.attr("stroke","#fff");

window.onload = function() {  
//var paper = new Raphael(document.getElementById('canvas_container'), $( window ).width(), $( height).height());
//var height = $( window ).height();
//var paper = new Raphael(document.getElementById('canvas_container'), 500,500);  
//var circle = paper.circle(100, 100, 80);  
//for(var i = 0; i < 5; i+=1) {  
    //var multiplier = i*5;  
    //paper.circle(250 + (2*multiplier), 100 + multiplier, 50 - multiplier)  
//}  
//var rectangle = paper.rect(200, 200, 250, 100);  
//var ellipse = paper.ellipse(200, 400, 100, 50);  
};

window.onresize = function() {
  var r = $( window ).height();
  var w = $( window ).width();
};

$( window ).load( function() {
  var height = $( window ).height();
  var width = $( window ).width();
  alert(height + " " + width)
});