Question

我正在1500x1500px的画布中从JSON加载SVG。上载toSVG()的结果会让我this image。如您所见，如果您检查图像，则连帽衫的宽度为720像素。

即使没有使用canvas.toJSON(['width'])保存JSON，有没有办法获得这种帽衫的宽度？

Answer 1

在画布中加载SVG后，您可以访问其宽度。 Here是它的提琴。

HTML

<canvas id="canvas" width="1500" height="1500"></canvas>

JS

 var canvas = new fabric.Canvas('canvas');
    fabric.loadSVGFromURL('//balibart-s3.s3.eu-central-1.amazonaws.com/Products/5ab8dae9d5eedc1bd87e7ef5/back/test.svg', function(objects, options) {
      var obj = fabric.util.groupSVGElements(objects, options);
      canvas.add(obj).renderAll();
      displayHoodieWidth();
    });

    let displayHoodieWidth = () => {
        let objects = canvas.getObjects();
      alert(objects[0].width);
    }

fabricjs-获取从JSON加载的对象的实际大小

1 个答案: