JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    <title>Canvas tutorial</title>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
       <script src="https://raw.github.com/kangax/fabric.js/master/dist/all.js"></script>
       <script type="text/javascript">

            $(document).ready(function () {

                canvas = new fabric.StaticCanvas('canvas');

                canvas.add(
                    new fabric.Rect({ top: 0, left: 0, width: 100, height: 100, fill: '#f55' })
                );
                canvas.add(
                    new fabric.Rect({ top: 100, left: 100, width: 100, height: 100, fill: '#f05' })
                );
                canvas.add(
                    new fabric.Rect({ top: 200, left: 200, width: 100, height: 100, fill: '#a05' })
                );

            });
      </script>

    </head>

    <body oncontextmenu="return false;" bgcolor="white" style="overflow: hidden">
        <canvas name="canvas" id="canvas" width="1000" height="1000"></canvas>

    </body>
</html>