收藏
回答

如何实现Android端实时毛玻璃(ios没毛病)?最好不要用canvas

框架类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Android andriod andriod 6.6.1

请问有没有大神指导如何在安卓版本的小程序中实现实时毛玻璃的效果,如图下:


这是在开发者工具中的效果,在ios真机下也没问题

代码使用的是backdrop-filter: blur(36px),但是用Android真机则完全没有效果,有实现过的大神吗?



回答关注问题邀请回答
收藏

4 个回答

  • Albert Einstein
    Albert Einstein
    2018-01-24

    某些 Android 可能不支持此滤镜,您可以转而使用 RGBA 半透明背景色来模拟此效果。

    2018-01-24
    有用
    回复
  • Bruce
    Bruce
    2019-06-06

    目前Android实现不了,iOS 12测试完美

    2019-06-06
    有用
    回复
  • 南风
    南风
    2018-01-25

    上面的朋友,webkit加了也没有用哈,不知道你说的fallback是什么属性,会去了解一下。目前是用的单纯的filter:blur,不过效果没有那么好,rgba的话不能满足产品的需求。

    2018-01-25
    有用
    回复
  • 吴剑波
    吴剑波
    2018-01-25

    backdrop-filter 仍然处于草案状态:https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty 目前是 webkit 内核的专有样式属性,需要加 webkit 前缀。可能需要 fallback 到其他属性

    2018-01-25
    有用
    回复
登录 后发表内容