无法从 URL 加载 SVG答案

【问题标题】：Can't load SVG from URL无法从 URL 加载 SVG
【发布时间】：2015-04-26 09:53:41
【问题描述】：

我想使用 loadSVGFromURL() 在基于 FabricJS 的画布中加载不同的形状，但不能。这方面的文档也不完整。我只想要一个完整的例子。我可以从字符串加载它，但是字符串会创建空间，这会在渲染时产生问题。这是我的代码：

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

【问题讨论】：

标签： fabricjs

【解决方案1】：

我在jsfiddle上做了一个例子，我创建了两个对象，我从url加载了一个svg图像，你可以看看。

这是example

加载 svg 的 sn-p 是这样的：

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

【讨论】：