FabricJS 將 SVG 導入畫布而不渲染

Question

我正在試驗fabricJS。 我在將 SVG 文件導入畫布時卡住了。 我在fabricjs 站點中看到了示例，並使用了 SO 答案中建議的代碼。 導入的圖像不會在畫布中呈現，如下面的小提琴所示。

https://jsfiddle.net/d6p80yuk/

我錯過了什么嗎？

我嘗試過的其他代碼

var group = [];

fabric.loadSVGFromURL($(this).attr("src"),function(objects,options) {
    var loadedObjects = new fabric.Group(group);
    loadedObjects.set({
        width: 200,
        height: 200
    });
    canvas.centerObject(loadedObjects);
    canvas.add(loadedObjects);
    canvas.renderAll();
},function(item, object) {
    object.set('id',item.getAttribute('id'));
    group.push(object);
});

Answer 1

在對 Chrome 錯誤日志稍加處理后，我發現了一條錯誤消息，指出已加載混合請求。 如果您像我一樣使用 chrome 並在 jsfiddle 上工作，請嘗試在加載到 jsfiddle 時使用 http。 希望這可以幫到你！

編輯：意思是使用http加載jsfiddle： http : //jsfiddle.net/d6p80yuk/