如何实现Android端实时毛玻璃(ios没毛病)?最好不要用canvas
发布于 6 年前 作者 mhan 1067 次浏览 来自 问答

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

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

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

4 回复

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

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

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

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

回到顶部