我正在尝试使用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);
});
答案 0 :(得分:1)
在浏览Chrome错误日志后,我发现了一条错误消息,指出已加载混合请求。如果您正在使用chrome并像我一样处理jsfiddle,请尝试在加载到jsfiddle时使用http。希望这可以帮到你!
编辑:使用http加载jsfiddle的方法:http://jsfiddle.net/d6p80yuk/