JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.3.0/fabric.js"></script>
<body>
<div class="canvas-div">
	<canvas id="c" style="border:1px solid black"></canvas>
</div>

JavaScript

/*
		X
		|
		|
------------------- Y
		|
		|		
*/

//Need to define Data Structures 
function init()
{
	var count = 0;
	canvas = new fabric.Canvas('c',{
   width : 1300,
   height : 1000
  });
	var rect = new fabric.Rect({
    left: 50,
    top: 50,
    fill: "red",
    width: 100,
    height: 100,
	});
	canvas.add(rect);
}
init();