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

想实现一个刮刮卡效果

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

---

点击元素透明？

---

opacity不可以做到吗

---

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

用 canvas 写了个 demo。

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

---

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