从URL渲染黑色图像添加SVG

Question

我有一个SVG，我试图在画布中加载，但它只渲染黑色图像，那么如何解决呢？

版本：2.0.0-beta.7

我已尝试过loadSVGFromString方法和loadSVGFromURL方法，但没有成功：

//Using loadSVGFromString
var a = 'svg string';
fabric.loadSVGFromString(a,function(objects, options) {
  var obj = fabric.util.groupSVGElements(objects, options);
    canvas.add(obj).renderAll();
});

//using loadSVGFromURL
fabric.loadSVGFromURL('URL Here', function(objects,options) {
    var group = new fabric.Group(objects, {
        left: 50,
        top: 50,
    });
    canvas.add(group);
    canvas.renderAll();
});

结帐codepen

Answer 1

＆＃34;全黑＆＃34; svgs通常是一些无效或不受支持的svg标记的结果。 在您的情况下，我认为您应该从您的svg中删除fill-opacity="null"引用。