JSFiddle - React, Tailwind, and code Playground

by tim_iles

HTML

<div id="canvas"></div>

JavaScript

var paper = Raphael("canvas", 200, 200);
paper.rect(0, 0, 200, 200).attr({fill: 'grey'});
paper.rect(10, 10, 180, 180).attr({fill: 'red'});
paper.rect(10, 10, 180, 180).attr({fill: 'white'}).transform("s0.5");

var left = paper.circle(20, 100, 10);
var right = paper.circle(180, 100, 10);
var top = paper.circle(100, 20, 10);
var bottom = paper.circle(100, 180, 10);

var set = paper.set();
set.push(left);
set.push(right);
set.push(top);
set.push(bottom);
//set.transform("s0.5");