Javascript 使用Fabric js调整高清图像大小

我对织物js是新手。因此，目前我正在尝试使用fabric js调整HD图像的大小。但图像在特定大小后并没有调整大小

织物帆布 canvas=newfabric.canvas（“tcanvas”{ ImageSmoothInEnabled:错误， enableRetinaScaling:false， fireRightClick:true， stopContextMenu:true， });

当我点击任何一张图片将其放在画布上时，我会编写代码

 $(".img-polaroid").click(function (e) {
var el = e.target;
/*temp code*/
var offset = 50;
var left = fabric.util.getRandomInt(0 + offset, 200 - offset);
var top = fabric.util.getRandomInt(0 + offset, 400 - offset);
var angle = fabric.util.getRandomInt(-20, 40);
var width = fabric.util.getRandomInt(30, 50);
var opacity = (function (min, max) {
  return Math.random() * (max - min) + min;
})(0.5, 1);

fabric.Image.fromURL(el.src, function (image) {
  image.set({
    left: left,
    top: top,
    angle: 0,
    padding: 10,
    cornersize: 10,
    hasRotatingPoint: true,
  });
  //image.scale(getRandomNum(0.1, 0.25)).setCoords();
  canvas.add(image);
});

---

}))

要使用FabricJS调整图像大小，请使用

scaleX

和

scaleY

属性。如果要将图像设置为特定尺寸，请使用方法

scaleToWidth（）

和

scaleToHeight（）

---

你能发布一个工作片段或小提琴来演示这个问题吗？@melchiar代码相当大。而且我对小提琴也不太熟悉。如果你愿意，我可以分享压缩文件夹的那JSFIDLE或codepen允许更多的代码

//scales the image to a width of 100
img.scaleToWidth(100);

//scales the image to a height of 100
img.scaleToHeight(100);