javascript - Fabric js 从 JSON 加载 Canvas

Question

我正在尝试实现保存和加载功能，但是当我尝试将 json 加载到 Canvas 时出现错误。错误消息显示“无法读取未定义的属性‘async’”，但我认为 json 输出看起来不错。 (我不习惯 JavaScript，所以我不知道问题出在结构中还是我的代码中......)

这是我的测试用例的 jsFiddle 链接:Example fiddle

目前保存和加载函数是这样的:

var json = JSON.stringify(canvas);
canvas.clear();
canvas.loadFromJSON(json, function() {
    canvas.renderAll();
});       

感谢您的帮助! :)

Answer 1

您可能已经序列化了您的对象，其中一个(或多个)对象具有自定义属性，或者您创建并序列化了一个新的自定义类。在这里查看以更好地了解 Canvas 序列化规则:http://fabricjs.com/docs/fabric.Canvas.html#toJSON ;

尝试使用 reviver 函数 ( http://fabricjs.com/docs/fabric.Canvas.html#loadFromJSON ) 运行您的代码。

canvas.loadFromJSON(json, function() {
   canvas.renderAll(); 
},function(o,object){
   console.log(o,object)
})

它应该会为您提供线索，表明它在哪个加载点出现故障。根据 loadFromJson 函数的运行方式检查您的序列化 Canvas ，您将找到罪魁祸首。

请同时引用此答案并阅读评论:https://stackoverflow.com/a/37545296/2779183