Undo, Redo в Javascript с локальным хранилищем

Question

Undo и Redo в Javascript и каждого события я хочу сохранить в локальном хранилище в качестве объекта

FIDDLE

[http://jsfiddle.net/fdq68tbc/][1] 

Answer 1

Попробуйте что-то вроде этого:

Markup

<svg width="300" height="100"> 
    <rect width="300" height="100" id="select1" /> 
</svg> 
<br/> 
<br/> 
<button class="btn" id="btn-test1" data-color="#ff0000">Red</button> 
<button class="btn" id="btn-test2" data-color="#00ff00">Green</button> 
<button class="btn" id="btn-test3" data-color="#0000ff">Blue</button> 
<hr/> 
<input type="button" value="Undo" id="btnUndo"> 
<input type="button" value="Redo" id="btnRedo"> 

Script

$('.btn').on('click', function() { 
    var pathToSet = localStorage.getItem('lastColor'); 
    localStorage.setItem('UndoColor', $("#select1").css("fill")); 
    selectedPath.css({ 
     fill: $(this).attr('data-color') 
    }); 
    localStorage.setItem('RedoColor', $("#select1").css("fill")); 
}); 

$("#btnUndo").click(function() { 
    var pathToSet = localStorage.getItem('UndoColor'); 


    selectedPath.css({ 
     fill: pathToSet 
    }); 

}); 
$("#btnRedo").click(function() { 
    var pathToSet = localStorage.getItem('RedoColor'); 


    selectedPath.css({ 
     fill: pathToSet 
    }); 

}); 

DEMO