首頁 > 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板