美文网首页
使用canvas时如何不影响点击页面的元素又不影响效果的展现

使用canvas时如何不影响点击页面的元素又不影响效果的展现

作者: 仰望天空的人 | 来源:发表于2019-01-24 17:10 被阅读6次

    大家首先想到的应该是定位降低层级,实际测试后又发现不行,如果降低层级后 canvas动画的展示被遮挡 效果不堪

    这时候,pointer-events:none 就要闪亮登场了


    image.png

    由此看来,还是不错的

    简单说下应用场景,元素应用了该 CSS 属性,链接啊,点击啊什么什么都会失效,实体虚化 玄幻啊
    之前用js判断click off什么什么 可以省略了 一个属性搞定

    pointer-events: none 大法好!

    另外呢 ,回到主题,这个属性最重要的就是穿透!使用canvas 构造动画铺满页面 用户点击不了页面链接等 实用的很


    image.png

    pointer-events:属性还有很多,很多妙用,想了解的去css3手册了解一下

    相关文章

      网友评论

          本文标题:使用canvas时如何不影响点击页面的元素又不影响效果的展现

          本文链接:https://www.haomeiwen.com/subject/aqlujqtx.html