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

簽出此密碼筆

Answer 1

“全黑” svg通常是某些無效或不受支持的svg標記的結果。 就您而言，我認為您應該從svg中刪除fill-opacity="null"引用。