FabricJS将SVG导入到不渲染的画布中

时间:2017-01-30 20:33:37

标签: javascript canvas svg fabricjs

我正在尝试使用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);
});

1 个答案:

答案 0 :(得分:1)

在浏览Chrome错误日志后,我发现了一条错误消息,指出已加载混合请求。如果您正在使用chrome并像我一样处理jsfiddle,请尝试在加载到jsfiddle时使用http。希望这可以帮到你!

  编辑:使用http加载jsfiddle的方法:http://jsfiddle.net/d6p80yuk/