Fabric JS Scaling Jump Fixed
by Andrea Bogazzi
HTML
<canvas id="c" width="800" height="400"></canvas>
<script src="https://milonic.com/fabric6-beta20.js"></script></script>
CSS
canvas{
border:1px solid black;
}
JavaScript
var canvas = new fabric.Canvas("c");
var triangle = new fabric.Triangle({
left: 80,
top: 80,
width: 90,
height: 80,
fill: "red",
strokeWidth: 10,
strokeUniform: true,
cornerSize: 36
});
var g = new fabric.Group([triangle], {
interactive: true,
subTargetCheck: true,
scaleX: 3,
scaleY: 3,
})
canvas.add(g);