canvas如何穿透点击下面的dom元素?

比方说这个页面就实现了穿透点击:
http://animejs.com/

canvas在最上面,鼠标点击会有动画效果,但是这样会盖住下面的dom元素。
我本地测试用canvas铺满全屏后,页面中的a标签是不可点击的。

也就是说,实现的效果是canvas的点击和页面上的dom元素的点击是不冲突的,比方说鼠标放到a标签上还是会出现下划线,仿佛canvas不存在一样。

请问这个网址是怎么实现的呢?

阅读 9.9k
4 个回答

canvas的样式上加个pointer-events:none试试。

canvas处于最底层,上层元素用rgba()进行处理。pointer-events:none这个有兼容性的问题,不能从根部解决。

你好你这个问题解决了么

elementFromPoint?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题