如何让fabric.js 将每个对象的状态/位置保存在画布中并恢复以供将来编辑？答案

【问题标题】：how can i make fabric.js save the state/ position of each object in canvas and restore back for future editing?如何让fabric.js 将每个对象的状态/位置保存在画布中并恢复以供将来编辑？
【发布时间】：2016-09-16 15:35:15
【问题描述】：

什么格式可以让我将画布上的绘图保存在文件中（而不是图像文件中），并允许我恢复以供将来编辑，这意味着文件可以记住添加到画布中的对象的所有位置并允许我以后要编辑它吗？
MY WORK
这是我现在的工作，只需要一个保存按钮...

【问题讨论】：

请阅读 FabricjJS 文档：toJSON?

标签： save html5-canvas fabricjs restore

【解决方案1】：

您可以将其保存为 JSON 并恢复以供将来编辑。

示例代码：

var canvas = json = '';
json = canvas.toJSON();
canvas.loadFromJSON(json, CallBack, function(o, object) {
    canvas.setActiveObject(object);
});

function CallBack() {
    canvas.renderAll();
    canvas.calcOffset();
}

【讨论】：

感谢您的代码，我已经找到了另一个解决方案^^