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

【问题标题】：fabricjs - get real size of an object loaded from JSONfabricjs - 获取从 JSON 加载的对象的实际大小
【发布时间】：2019-06-24 12:29:36
【问题描述】：

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

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

【问题讨论】：

标签： fabricjs

【解决方案1】：

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

HTML

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

 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);
    }

【讨论】：