关于HTML5清除canvas画布问题

//函数clea修改下，加一句话就行

//canvas会记录你moveTo的点，所以清空的时候要用beginPath来清空下路径

function clea(){

    pic.beginPath()

    pic.clearRect(0,0,500,500)

}

test和test2都需要重启一个路径，不然还是原来的，路径信息会先保存在内存里面，在调用stroke或者fill的时候，才会真正的绘制出来。因此，这两个方法都加上beginPath和closePath就行了，即

function test(){

cxt.beginPath()

cxt.moveTo(0,0)

cxt.lineTo(100,100)

cxt.stroke()

cxt.closePath()

}

note. 一般修改canvas属性的时候，如fillStyle，先要save，绘制完成后再restore还原到初始状态，不然会影响到下一次的绘制。

---