不用canvas,实现点中区域透明?

Question

想实现一个刮刮卡效果

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

Answer 1

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

用 canvas 写了个 demo。

不用 canvas 也许可以考虑在上层密集覆盖 1x1 的像素点，然后就是监听 mousedown、mousemove 把鼠标运动路线上的元素置为透明。

Answer 2

点击元素透明？

Answer 3

opacity不可以做到吗

Answer 4

谢谢邀请。是不是要做成遮罩层那种。