欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-11 10:30:09
...
[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