JSFiddle - React, Tailwind, and code Playground

by jihyng_hd

HTML

<script src="https://cdn.bootcss.com/fabric.js/2.4.3/fabric.min.js"></script>
<canvas id="c"></canvas>

JavaScript

var canvas = new fabric.Canvas('c', {
  backgroundColor: "yellow",
  width: 500,
  height: 500
});

var rect1 = new fabric.Rect({
  left: 10,
  top: 10,
  fill: 'red',
  width: 20,
  height: 20
});
canvas.add(rect1);

var rect2 = new fabric.Rect({
  left: 100,
  top: 100,
  fill: 'blue',
  width: 20,
  height: 20
});
canvas.add(rect2);

//rect1.set({ left: 120, top: 150 });
//canvas.renderAll();
//canvas.selection = false;
//rect2.set('selectable', false);