求救:html5中 onmousemove怎样撤销已经画的路径直线

[LuckyJan]

我在下面代码onmousemove中需要清除前面一次画过的直线，怎么办？
canvas.restore(); 没有效果啊,求救

//画直线，鼠标按下时，当前鼠标位置为起点
var status = 0;
canvas.onmousedown=function(e){
	e=window.event||e;
	var sX=e.pageX-this.offsetLeft;
	var sY=e.pageY-this.offsetTop;
	can.save();//????
	can.beginPath();
	can.moveTo(sX,sY);
	status=1;
}
//鼠标移动的时候
canvas.onmousemove=function(e){
	e=window.event||e;
	var eX=e.pageX-this.offsetLeft;
	var eY=e.pageY-this.offsetTop;
	if(status==1){
		can.restore(); //?????
		can.lineTo(eX,eY);
		can.closePath();
		can.stroke();
	}else {return false}
			
}
//画直线，鼠标抬起时
canvas.onmouseup=function(e){
	can.closePath();
	status=0;	
}

[蝶恋花雨]

context.restore(); //恢复到context.save()时的context状态 在对canvas进行缩放操作的时候，为了不影响其他部分，需要对context的状态进行保存 ，操作完毕后在 进行恢复，也就是在操作之前调用context.save(),操作完毕之后调用 .restore()方法 http://blog.sina.com.cn/s/blog_a3468cf601013dmi.html

[蝶恋花雨]

canvas.onmousedown=function(e){
    e=window.event||e;
    var sX=e.pageX-this.offsetLeft;
    var sY=e.pageY-this.offsetTop;
    can.beginPath();
    can.moveTo(sX,sY);
    status=1;
    can.save();//画完后保存
}
//鼠标移动的时候
canvas.onmousemove=function(e){
    e=window.event||e;
    var eX=e.pageX-this.offsetLeft;
    var eY=e.pageY-this.offsetTop;
    if(status==1){
        can.lineTo(eX,eY);
        can.closePath();
        can.stroke();
        can.restore(); //还原
    }else {return false}
             
}

[蝶恋花雨]

http://codetheory.in/html5-canvas-drawing-lines-with-smooth-edges/ http://www.html5canvastutorials.com/advanced/html5-clear-canvas/ 可参考这两个例子。应该就解决你的 问题了

[似梦飞花]

restore是还原context的状态 比如fillStyle之类的 并不是还原canvas画了的东西 具体的你可以看下命令模式 把每次操作转换为一命令对象 放入堆栈中 当需要还原时弹出栈undo试试