使用本地存储在Javascript中撤消，重做

Question

Javascript中的撤消和重做以及我希望作为对象存储在本地存储中的每个事件

FIDDLE

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

Answer 1

尝试这样的事情：

<强>标记

<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">

<强>脚本

$('.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