关于HTML5清除canvas画布问题

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

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

function clea(){

    pic.beginPath()

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

}

一直用的方法是clearRect全部重画：

在一起显示的内容画在一个隐藏的canvas中缓存，如你的线条画在一个canvas里，矩形画在一个canvas里，达到互不影响的效果（有点像flash里的元件）

每次显示内容时，把所有用到的canvas画到显示的canvas中

mozilla里的教程也就是这个原理，去看看吧https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial/Basic_animations

一、通过简单填充

使用一个新的背景色简单地填充整个画布，这样就可以清除当前内容

二、重置画布高度

    当画布的宽或高被重置时，当前画布内容就会被移除。

三、使用clearRect函数

    clearRect() 函数可以指定起始点的x, y 位置以及宽度和高度来清除画布

---