Невозможно загрузить SVG из URL

Question

Я хочу загрузить различные фигуры в Canvas FabricJS с использованием loadSVGFromURL(), но не могу. Документация также не является полной. Я просто хочу полный пример. Я могу загрузить его из строки, но строка создает пробелы, что создает проблемы при рендеринге. Вот мой код:

var canvas = new fabric.Canvas('canvas'); 
     fabric.loadSVGFromURL('BlueFlower.svg', function (objects) { 
      var SVG = fabric.util.groupSVGElements(objects, options); 
      canvas.add(SVG).centerObject(SVG).renderAll(); 
      SVG.setCoords(); 
     }); 

Answer 1

Я сделал пример на jsfiddle, что я создаю два объекта, и я загрузить изображение из SVG URL, вы можете взглянуть.

Вот example

Сниппет для загрузки SVG это:

var site_url = 'http://fabricjs.com/assets/1.svg'; 

fabric.loadSVGFromURL(site_url, function(objects) { 
    var group = new fabric.PathGroup(objects, { 
    left: 165, 
    top: 100, 
    width: 295, 
    height: 211 
    }); 
    canvas.add(group); 
    canvas.renderAll(); 
});