JSFiddle - React, Tailwind, and code Playground

by Steve Eberhardt

HTML

<script src="https://rawgit.com/kangax/fabric.js/v363/dist/fabric.js"></script>
<canvas id="c" width="600" height="300"></canvas>
<button id="rezise">Resize cube</button>

JavaScript

var canvas = window._canvas = new fabric.Canvas('c', {
	enableRetinaScaling: false
});

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

canvas.add(rect);

canvas.renderAll();

fabric.util.addListener(document.getElementById('rezise'), 'click', function () {
    rect.width = 150;
		rect.height = 100;
    rect.setCoords();
    canvas.renderAll();
});