比方说这个页面就实现了穿透点击:
http://animejs.com/
canvas在最上面,鼠标点击会有动画效果,但是这样会盖住下面的dom元素。
我本地测试用canvas铺满全屏后,页面中的a标签是不可点击的。
也就是说,实现的效果是canvas的点击和页面上的dom元素的点击是不冲突的,比方说鼠标放到a标签上还是会出现下划线,仿佛canvas不存在一样。
请问这个网址是怎么实现的呢?
比方说这个页面就实现了穿透点击:
http://animejs.com/
canvas在最上面,鼠标点击会有动画效果,但是这样会盖住下面的dom元素。
我本地测试用canvas铺满全屏后,页面中的a标签是不可点击的。
也就是说,实现的效果是canvas的点击和页面上的dom元素的点击是不冲突的,比方说鼠标放到a标签上还是会出现下划线,仿佛canvas不存在一样。
请问这个网址是怎么实现的呢?
5 回答1.4k 阅读
5 回答1.3k 阅读✓ 已解决
2 回答857 阅读✓ 已解决
4 回答1.6k 阅读
4 回答1.1k 阅读✓ 已解决
2 回答999 阅读✓ 已解决
4 回答971 阅读
canvas的样式上加个
pointer-events:none
试试。