如何相对于fabricjs中的宽度按比例调整画布中图像的大小？

Question

图片的最小值width应为300，高度应相对于宽度成比例地缩放。

假设用户上传的图片大小为5ooX850，我将使用

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

但如何扩大图像height相对于width？

Answer 1

设置在图像对象中

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

这是文档的链接

Answer 2

按与缩放X相同的比例缩放Y

let scale = 300 / Img.width;

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

在您的示例中500 x 850，X和Y都将3/5是其原始尺寸。