Canvas Fabric.js-使用图像/对象大小的百分比

我正在尝试使用fabricjs将图像添加到画布元素中，我需要能够通过百分比而不是设置像素来设置/调整大小

在

setWidth（）

和

setHeight（）

中是否还有百分比？我希望将其设置为画布容器的百分比，因此我希望图像宽度始终为画布的60%（画布是动态的，可以是不同的数量），因此在本例中，画布宽度为800的情况下为480，但如果画布宽度为600，则等于360宽度

---

当我尝试插入

setWidth（'60%”）时，我得到了一个意外的标记。

您只需设置根据画布大小计算的值：

var canvas = new fabric.Canvas('canvas');
var percentage = 0.6;

fabric.Image.fromURL('http://s17.postimg.org/4740ku7z3/i_Stock_000000284123_XSmall.jpg', function (oImg) {
    oImg.scaleToWidth(canvas.width*percentage);
    console.log("Image width: ", oImg.currentWidth);
    canvas.add(oImg);
});

这是最新的提琴 你好，Benick

var canvas = new fabric.Canvas('canvas');
var percentage = 0.6;

fabric.Image.fromURL('http://s17.postimg.org/4740ku7z3/i_Stock_000000284123_XSmall.jpg', function (oImg) {
    oImg.scaleToWidth(canvas.width*percentage);
    console.log("Image width: ", oImg.currentWidth);
    canvas.add(oImg);
});