javascript - 从 URL 添加 SVG 渲染黑色图像

Question

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

版本: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

“全黑”svg 通常是某些无效或不受支持的 svg 标记的结果。 就您而言，我认为您应该从 svg 中删除 fill-opacity="null" 引用。