無法從URL加載SVG

Question

我想使用loadSVGFromURL（）在基於FabricJS的Canvas中加載不同的形狀，但不能。文檔在這方面也不完整。我只是想要一個完整的例子。我可以從字符串中加載它，但是字符串會創建空間，這會在渲染時產生問題。這裏是我的代碼：

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一個例子，我創建了兩個對象，我從加載URL SVG圖像，你可以去看看。

下面是一個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(); 
});