Javascript FabricJS将SVG导入画布而不是渲染

我正在用fabricJS做实验。我在将SVG文件导入画布时卡住了。我在fabricjs网站上看到了示例，并使用了SO答案中建议的代码。导入的图像不会在画布中渲染，如下图所示

我遗漏了什么吗

我尝试过的其他代码

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

---

在对Chrome的错误日志进行了一些修改之后，我发现了一条错误消息，上面说加载了混合请求。如果您像我一样使用chrome并在JSFIDLE上工作，请在加载到JSFIDLE时尝试使用http。希望这能帮助你！ 编辑：表示使用http加载JSFIDLE：

---

问题只在于ssl。您正试图通过安全页面（https上的js FIDLE）加载非安全内容（http上的svg图像）。相反，试试这个链接——ranjana，你能把这个作为答案发布吗？我正在我的本地系统上用apache端口80测试这个，它使用http。我只是复制粘贴了代码。我正在本地系统上使用此代码。正如示例代码所示，我正在尝试从本地系统加载映像。它给我的结果和在fiddle上发布的结果一样。一件空的织物。我在chrome上查看了网络日志。xhr请求返回了代码200。JSFIDLE用于显示我正在使用的代码。如果有更多的调试，我必须检查，请提到这一点。我可以看到JSFIDLE的http版本可以正常工作。我的本地系统使用，但不提供来自本地机器或远程url的内容。我使用的是laravelPHP 5.3