JSFiddle - React, Tailwind, and code Playground

by beewayne

HTML

<canvas id="c" width="600" height="600"></canvas>

JavaScript

var canvas = new fabric.Canvas('c');

fabric.Object.prototype.set({
    transparentCorners: false,
    borderColor: '#ff00ff',
    cornerColor: '#ff0000'
});

var rect = new fabric.Rect({
    left: 100,
    top: 100,
    width: 100,
    height: 75,
    fill: '#ffff00',
});
canvas.add(rect);

var rect = new fabric.Rect({
    left: 250,
    top: 100,
    width: 100,
    height: 75,
    fill: '#ffff00',
});
canvas.add(rect);