絵をかくようなアプリ(canvas)でundo機能を作りたい
現在、canvasで書けるお絵描きアプリを作っています。
jqueryで書いていますが、1こ前の状態に戻すundo機能をつけたいと思っています。
mouseupするごとに配列に入れて、[0][1][2][3]みたいに動作をそれぞれの箱に入れたいのですが、どう記述すればよいでしょうか?
$(can).on("mousemove", function(e){
if(canvas_mouse_event == true){
var px = e.offsetX - $(this).offset().left - txy;
var py = e.offsetY - $(this).offset().left - txy;
context.strokeStyle = color ;
context.lineWidth = lineWidth;
context.beginPath();
context.lineCap = "round";
context.moveTo(oldX, oldY);
context.lineTo(px, py);
context.stroke();
context.closePath();
oldX = px;
oldY = py;
}
});
$(can).on("mouseup", function(e){
canvas_mouse_event = false;
});