canvas中的橡皮檫

由于项目需要，要做一个橡皮檫，刚开始不知道怎么开始，向同事请教，一个年长的同事说，以前有做过这样的东西，他的方法是，计算橡皮檫移动点与痕迹组成点的距离，距离少于多少的时候，就清除痕迹。刚开始，感觉这个很麻烦，不是最好的方法。于是在网上找了些资料，当看到canvas像素操作时，感觉这才是正确方法。通过遍历canvas上每个像素，将要清除的像素点的透明度设为0，就OK了。具体请看代码。

touchMove:
           var clearX=touch.clientX -$("#canv").offset().left;
	   var clearY=touch.clientY -$("#canv").offset().top;
	   var imgdata = context.getImageData(clearX, clearY, 30, 30); //通过改变30，30可以改变橡皮的大小。
            var pixels = imgdata.data; 
            // 遍历每个像素并将透明度设为0
            for (var i=0;i<(clearY*30+clearX)*4; i+= 4){ 
	            pixels[i+3]=0;
            } 
            // 在指定位置进行像素重绘
            context.putImageData(imgdata, clearX, clearY);