JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas>

JavaScript

var canvas = new fabric.Canvas('canvas');
canvas.isDrawingMode = true;

var circle = new fabric.Circle({
    left: 50,
    top: 50,
    fill: 'blue',
    radius: 40
});

canvas.add(circle); 

var rect = new fabric.Rect({
    left: 100,
    top: 100,
    fill: 'yellow',
    width: 50,
    height: 50
});

canvas.add(rect);