使用fabric js在画布中未正确显示图像宽度和高度

Question

我正在使用 Fabricjs 上传带有当前代码的图片。

织物图像组件未正确呈现为图像的实际大小。

这是我的 JS 代码

         function addiMage(data) {
            let myImg = './layers/' + data.name + ".png";
            let left = data.bounds.left;
            let top = data.bounds.top
            let scaleX = data.bounds.width;
            let scaleY = data.bounds.height
            let blendOptions = data.blendOptions;
            let index = data.index;
             fabric.Image.fromURL(myImg, function (oImg) {
                    oImg.set({
                        'left': left,
                        'top': top,
                        opacity: blendOptions.opacity,
                
                       
                    });
                   oImg.scaleToHeight(scaleY);
                   oImg.scaleToWidth(scaleX);
                                      
                   canvas.add(oImg);


              
                });
                

           
        }

Answer 1

我这样设置图片大小，可以使用

fabric.Image.fromURL(myImg, (oImg) => {
      oImg.scale(0.3).set({
        left: setLeft(3),
        top: setTop(6),
        backgroundColor: "orange",
        width: oImg._element.naturalWidth,
        height: oImg._element.naturalHeight,
      });

      canvas.add(oImg);
    });