如何在fabricjs中相对于宽度成比例地调整画布中的图像?

时间:2016-12-19 13:58:03

标签: javascript html canvas fabricjs

图片的最小width应为300,高度应相对于宽度按比例缩放。

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

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

但是如何根据height来缩放图片width

2 个答案:

答案 0 :(得分:4)

按比例缩放Y以缩放X

let scale = 300 / Img.width;

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

500 x 850为例,X和Y都是原始测量值的3/5

答案 1 :(得分:1)

设置图像对象

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

this is the link for doc