用html5实现涂擦效果？_html/css_WEB-ITnose

[img=C:\Users\root\Desktop\视频播放][/img]

请问有哪位大侠做过这种效果么，请给点思路，求助，在线等，很急！！

回复讨论(解决方案)

是不是像手写板一样的呀？？？如果是的话可以用Canvas做

嗯，是的，相当于有两张图片一样，把上面一层鼠标滑到的地方，第二张图片就显示出来了

嗯，是的，相当于有两张图片一样，把上面一层鼠标滑到的地方，第二张图片就显示出来了

你自己说的这么明白清晰  还要什么思路？

可以参照下面的网址，上面的画图对你有用
http://hi.baidu.com/xxfaxy/item/884a1cbeed0fc8ea4ec7fd13

引用 2 楼  的回复:

嗯，是的，相当于有两张图片一样，把上面一层鼠标滑到的地方，第二张图片就显示出来了


你自己说的这么明白清晰  还要什么思路？

我说的是做的思路。。

假定用canvas实现
首先要确认 你的橡皮的［大小，形状］是什么  
也就是 看成一个矩形的话  那几个像素点坐标是 擦除区域

然后canvas1上面画第一张图 另一个隐藏的canvas2画第2张图
如果在canvas1上面 拉动橡皮了 那么 橡皮在canvas2上对应的橡皮区域所有的像素点坐标的点 绘制到canvas1上

以参照下面的网址，上面的画图对你有用
http://hi.baidu.com/xxfaxy/item/884a1cbeed0fc8ea4ec7fd13www.seo7ye.com