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

时间:2016-05-19 16:01:30

标签: save html5-canvas fabricjs restore

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

1 个答案:

答案 0 :(得分:2)

您可以将其另存为JSON&恢复以备将来编辑。

示例代码:

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

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