无法从URL加载SVG [英] Can't load SVG from URL

问题描述

我想使用loadSVGFromURL()在基于FabricJS的Canvas中加载不同的形状，但是不能.关于此的文档也不完整.我只想要一个完整的例子.我可以从字符串中加载它，但是字符串会产生空格，在渲染时会产生问题.这是我的代码:

I want to load different shapes in FabricJS based Canvas using loadSVGFromURL(), but can't. Documentation is also not complete on this. I just want a complete example. I can load it from string, but string creates spaces which creates problems when rendering. Here is my code:

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

推荐答案

我在jsfiddle上做了一个示例，创建了两个对象，并从url加载了svg图像，您可以看一下.

I have done an example on jsfiddle, that I create two objects and I load an svg image from url, you can take a look.

这是一个示例

负载svg的代码段是这样的:

The snippet for load svg is this:

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

这篇关于无法从URL加载SVG的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！