JSFiddle - React, Tailwind, and code Playground

by akshatha suchethan

HTML

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<div id="canvas_container"></div>

CSS

#canvas_container {
     width: 500px;
     height:400px;
     border: 1px solid #aaa;
 }

JavaScript

$(document).ready(function () {
    var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);

    var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -100 0 l 0 50 l 50 0 l 0 50 z");
tetronimo.attr(
        {
            gradient: '90-#ea96d9-#f6d5ef',
            stroke: '#754b6c',
            'stroke-width': 10,
            'stroke-linejoin': 'round',
            rotation: -90
        }
    );

});