如何在fabricjs中相對於寬度成比例地調整畫布中的圖像？

Question

圖像的最小width應為300 ，高度應相對於寬度按比例縮放。

假設用戶上傳的圖像大小為5ooX850 ，我將使用

                Img.set({
                    scaleX: 300 / Img.width,
                });

但是如何根據width縮放圖像height ？

Answer 1

縮放Y的比例與用於縮放X的比例相同

let scale = 300 / Img.width;

Img.set({
    scaleX: scale,
    scaleY: scale
});

以500 x 850為例，X和Y都是原始測量值的3/5 。

Answer 2

設置在圖像對象中

/*scaleToWidth(value, absolute)*/
Img.scaleToWidth(300, false);