I have resized the image in the fabric.js canvas using image.scaleToWidth(100) (which worked properly) and then if I want to resize the image manually from the canvas it is not resizing properly. When I try to resize it manually It scales up automatically and then afterward it doesn't resize at all.
fabric.Image.fromURL(el.src, function(image) {
image.set({
left: left,
top: top,
angle: 0,
padding: 10,
cornersize: 10,
hasRotatingPoint:true,
});
image.scaleToWidth(120);
//image.scale(getRandomNum(0.02, 0.05));
canvas.add(image);
});
This is how my image was displayed after resizing it using image.scaleToWidth(100)
This is how it scales up when I try to resize it.