canvas 清除画面的问题

Question

用canvas做一个鼠标画线的demo,每次画完后鼠标UP的时候，清空一下画布，然后下次画的时候是从零开始的，现在问题是，鼠标UP的时候清空是清空了，但再次画的时候，上次画过的线还会出现在canvas上，为什么呢？

源码如下：

下图上面三条线是上次画的，第四条是当前画的，如果松开鼠标画面就会清空，但要再画的时候，上次画过的线又会出现在画布上，我想做的是每次画都是从零开始

Answer 1

   canvas.onmousedown=function(e){       ctx.beginPath();//加上这一句就可以了。       ctx.moveTo(e.clientX,e.clientY);

Answer 2

window.location.href = window.location.href;反正都要清空画布了，直接刷新一波界面