Как автоматически масштабировать большое изображение с соотношением сторон на холсте, используя ткань 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"
});

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"
});