fabric.js：使用Image.set（）調整圖像大小是否會降低圖像質量？

Question

我需要在添加到畫布之前降低圖像的高度/寬度。我們正在使用fabric.js。

使用下面顯示的image.set()函數調整圖像大小時，會降低圖像質量嗎？

imgAdd.onload = function() { 
var img = new fabric.Image(imgAdd); 
var imgSizeObj = img.getOriginalSize(); 
var newImgSize = calculateAspectRatioFit(imgSizeObj.width, imgSizeObj.height, canvas.width, canvas.height); 
if (imgSizeObj.width > canvas.width || imgSizeObj.height > canvas.height) { 

    //Does img.set() preserve image resolution? 
    img.set({ 
     width: newImgSize.width, 
     height: newImgSize.height 
    }); 
} 

canvas.add(img); 
} 

目標是保持圖像質量，但會自動縮放大圖以適應畫布。

謝謝，

Answer 1

不，它沒有。 圖像存儲在object._element的屬性中，除非您對其應用一些過濾器，否則不會更改。 即使在這種情況下，副本也會存儲在中。

Answer 2

請嘗試以下方法：

var scale = bef; 
img.set({ 
    scaleX: scale, 
    scaleY: scale 
}); 

你可以找到關於此位置的詳細信息：https://github.com/kangax/fabric.js/issues/176