OriginX Center Resizing Bug
by Steve Eberhardt
HTML
<script src="https://unpkg.com/[email protected]/dist/fabric.js"></script>
<canvas id="c" width="600" height="600"></canvas>
CSS
canvas {
border: 1px solid #999;
}
JavaScript
var canvas = new fabric.Canvas('c');
var obj = new fabric.Rect({
width: 150,
height: 150,
left: 100,
top: 150,
strokeWidth: 0,
fill: 'black',
//originX: "center",
//originY: "center",
//uncomment this to change issue behavior (object gets stuck during resizing)
//lockScalingFlip: true,
});
canvas.add(obj)
canvas.setActiveObject(obj);
canvas.on('object:scaling', function(e) {
console.log(e.target.top)
});