how can i make fabric.js save the state/ position of each object in canvas and restore back for future editing?

Question

What format can allow me to save my drawing on canvas in file (not in the image file), and allow me to restore back for future editing, means the file can remember all the position of the object add into canvas and allow me to edit it in the future?
MY WORK
this is my work for now, just need a save button...

Answer 1

You can save it as JSON & restore back for future editing.

Sample Code:

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

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