JSFiddle - React, Tailwind, and code Playground

by Dinesh Singh

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script>
<canvas style="border:#000 1px solid" id="design-canvas" width="500" height="400">
<script type="text/javascript">
canvas = new fabric.Canvas('design-canvas');
    </script>

JavaScript

var recta = new fabric.Rect({
        left: 10,
        top: 10,
        fill: '#000',
        width: 100,
        height: 100,
        //selectable: false
    });

var rectb = new fabric.Rect({
        left: 150,
        top: 10,
        fill: '#000',
        stroke: '#f00',
        strokeWidth: 25,
        width: 100,
        height: 100,
        //selectable: false
    });
    canvas.add(recta, rectb);