delete selected objects in fabricjs

by prabhath

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.19/fabric.min.js"></script>
<Label>The Left of the RED should returns 100, but returns </Label>
<input disabled="disabled" type="number" id="left"/>
<canvas disabled id="paper" width="600" height="400" style="border:1px solid #ccc"></canvas>

JavaScript

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

const redCoords = {
	left: 100,
  top: 50
};

const red = new fabric.Rect({
    left: redCoords.left, 
    top: redCoords.top,
    fill: 'red',
    width: 200,
    height: 100,
    originX: 'left',
    originY: 'top'
});
const desireCoords = new fabric.Point(redCoords.left, redCoords.top);
red.setPositionByOrigin(desireCoords, 'left', 'top');

const yellow = new fabric.Rect({
    left: 100, 
    top: 150,
    fill: 'yellow',
    width: 200,
    height: 100,
    originX: 'left',
    originY: 'top'
});
canvas.add(red);
canvas.add(yellow);
canvas.renderAll();

document.getElementById('left').value = red.getLeft();