首页 > web前端 > html教程 > 用html5实现涂擦效果?_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 12:15:49
原创
1382 人浏览过

[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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板