JSFiddle - React, Tailwind, and code Playground

by codert

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.3.6/fabric.min.js"></script>
<canvas id="dd"></canvas>

JavaScript

var c = new fabric.Canvas('dd', {
	width: 200,
  height: 200
});

var redRect = new fabric.Rect({
	width: 100,
  height: 100,
  fill: 'red',
  left: 0,
  top: 0,
  objectCaching: false,
  selectable: false,
  hasBorders: false,
  strokeWidth: 0,
  stroke: 'white'
});

var whiteRect = new fabric.Rect({
	width: 100,
  height: 100,
  fill: 'white',
  left: 0,
  top: 0,
  objectCaching: false,
  selectable: false,
  hasBorders: false,
  strokeWidth: 0
});

c.add(rect1, rect2);