JSFiddle - React, Tailwind, and code Playground

by ruslyrossi

HTML

<script src="http://www.emunch.co.uk/js/raphael-min.js"></script>
<div id="canvas_container"></div>

JavaScript

var paper = new Raphael(document.getElementById('canvas_container'), 800, 550);

	var tetronimo = paper.path("M 170.000 190.000 L 190.000 204.641 L 187.321 180.000 L 210.000 170.000 L 187.321 160.000 L 190.000 135.359 L 170.000 150.000 L 150.000 135.359 L 152.679 160.000 L 130.000 170.000 L 152.679 180.000 L 150.000 204.641 z").attr({
	    fill: "url(http://4.bp.blogspot.com/-gqd6i4K8I1I/UBLYjrsiRXI/AAAAAAAAAJA/0eqdIoY0zI4/s640/nelli-puli.jpg)"
	})

	 var tetronimo = paper.path("M 100 50 l 0.000 100.000 l -100.000 0.000 l 0.000 -100.000 l 100.000 0.000").attr({
	    fill: "url(http://b.dryicons.com/files/graphics_previews/wallpaper_pattern.jpg)"
	})