JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas"></canvas>

JavaScript

// create a wrapper around native canvas element (with id="c")
var canvas = new fabric.Canvas('canvas');

// create a rectangle object
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  fill: 'red',
  width: 50,
  height: 50
});

// "add" rectangle onto canvas
canvas.add(rect);

rect.center();
canvas.renderAll();