如何在fabric.js中设置图像的高度和宽度？

Question

我使用fabric.Image.fromURL在画布中加载了图像,并且使用默认图像宽度和高度正常工作.现在我想最小化图像的宽度和高度.这该怎么做？

提前致谢.

Answer 1

希望这会有所帮助

var src;  //Image source here
fabric.Image.fromURL(src, function(oImg) { 
    oImg.scaleToWidth(50);
    oImg.scaleToHeight(50);
});

Answer 2

我们可以使用scalex/scaley来设置高度/宽度,如下所示.

fabric.util.loadImage(imgsrc, function (img) {
    var legimg = new fabric.Image(img, {
        left: 30,
        top: marker.top,
        scaleX: 20 / img.width,
        scaleY: 20 / img.height
    });
    canvas.add(legimg);
    canvas.renderAll();
});

谢谢

Answer 3

使用图像比例属性而不是图像大小。这对我有用。当我设置图像宽度和高度而不是比例时，当我应用过滤器时，它会重置回原始宽度和高度，因为比例为 1.0。希望这可以帮助。