Fabric js从JSON加载画布答案

【问题标题】：Fabric js Load canvas from JSONFabric js从JSON加载画布
【发布时间】：2016-09-30 12:52:21
【问题描述】：

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

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

目前的保存和加载功能是这样的：

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

感谢您的帮助！ :)

【问题讨论】：

【解决方案1】：

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

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

它应该给你一个线索，它是在什么负载点失败的。根据 loadFromJson 函数的运行方式检查您的序列化画布，您会找到罪魁祸首。

请同时参考这个答案并阅读评论：https://stackoverflow.com/a/37545296/2779183

【讨论】：

嘿 :) 感谢您的回复。我试图在您的帮助下更新我的代码（问题是类型属性似乎不允许重命名），现在我认为它可以工作，但是子类的功能不再工作了。我更新了我的小提琴：link，我为我的子类创建的函数“saySth”不再起作用了。你对这个问题有什么想法吗？