简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
javascript - 不用canvas,实现点中区域透明?
PHPz
PHPz 2017-04-11 11:05:46
0 4 487

想实现一个刮刮卡效果

本来想用canvas实现,可是我需要往canvas里面写DOM元素,不好实现.
如果不用canvas的话没什么思路...

PHPz
PHPz

学习是最好的投资！

reply all(4)
伊谢尔伦
伊谢尔伦2017-04-11 11:07:46 4 floor

https://jsfiddle.net/imys/s0b28h6o/1/

用 canvas 写了个 demo。

不用 canvas 也许可以考虑在上层密集覆盖 1x1 的像素点，然后就是监听 mousedown、mousemove 把鼠标运动路线上的元素置为透明。
Like +0
Add Reply
PHPzhong
PHPzhong2017-04-11 11:07:46 3 floor

点击元素透明？
Like +0
Add Reply
PHPzhong
PHPzhong2017-04-11 11:07:46 2 floor

opacity不可以做到吗
Like +0
Add Reply
大家讲道理
大家讲道理2017-04-11 11:07:46 1 floor

谢谢邀请。是不是要做成遮罩层那种。
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！