如何使用fabric js在画布上按比例自动缩放大图像

Question

我在FabricJS画布中添加了一张图片，如果这张图片太大，它就会跑到画布外面。我想将图片适应画布大小而不失去其纵横比。

fabric.Image.fromURL(image_url, function(img) {
  var oImg = img.set({ left: 0, top: 0 }).scale(1);
  fabricCanvas.add(oImg).setActiveObject(oImg);        
}, {
  crossOrigin: "anonymous"
});

- Pavan Hukerikar

Answer 1

在画布中缩放图像 我假设cw为画布宽度，ch为画布高度， 您可以根据需要缩放您的图像，

fabric.Image.fromURL(imgURL, function(img) {
  var oImg = img.set({ left: 0, top: 0 }).scale(1);
  oImg.scaleToWidth(cw/2);
  oImg.scaleToHeight(ch/2);
  canvas.add(oImg).setActiveObject(oImg);        
}, {
  crossOrigin: "anonymous"
});

- AJAY MAURYA