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

发布于 7 年前作者 mhan1246 次浏览最后编辑 7 年前来自 ask

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

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

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

4 回复
bwei
bwei1 楼6 年前

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

rcheng
rcheng2 楼6 年前

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

pshao
pshao3 楼6 年前

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

qwan
qwan4 楼5 年前

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