fabricjs - получить реальный размер объекта, загруженного из JSON - PullRequest
0 голосов
/ 22 июня 2019

Я загружаю SVG из JSON на холсте 1500x1500 пикселей.Загрузка результата toSVG() возвращает меня этого изображения .Как вы можете видеть, если вы просматриваете изображение, ширина балахона составляет 720 пикселей.

Есть ли способ получить ширину балахона, даже если JSON не был сохранен с помощью canvas.toJSON(['width'])?

1 Ответ

1 голос
/ 24 июня 2019

После загрузки SVG на холсте вы можете получить доступ к его ширине. Здесь - это скрипка.

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