Android上Cordova应用程序弹出窗口后的模糊

如何在Android Cordova应用程序中设置弹出窗口，使其背景模糊？它背后的内容不会事先知道，可能包含来自多个来源的图像和其他组件。它不一定只出现在单个图像上。我正在寻找的效果将如下所示：

到目前为止我已经调查过的事情：

• 答案中描述的方法，倾向于依赖于背景已经作为图像可用（例如，显示只有背景图像变得模糊，背景上的任何文本都会因效果而丢失），或者使用CSS属性

  background过滤器

  ，该过滤器目前未在Android的web view组件上实现
• 使用和类似的方法生成图像，然后模糊图像。这种方式可以工作，但在低端手机复杂的布局上使用速度太慢，导致弹出窗口出现之前的长时间延迟令人无法接受

有没有其他方法可以实现这一点？

您尝试过svg过滤器吗？

---

也许这可以帮助你：）

如果你使用android的crosswalk插件，在XWALK_命令行中添加

--启用实验性web平台功能，然后你可以使用
背景过滤器
，但它仍然有一些bug。您可以在chrome中测试此功能，打开
chrome://flags
和打开
启用实验性web平台功能
请将链接中的相关部分添加到您的答案中。是。问题中的链接基于SVG feGaussianBlur。据我所知，你只能用它来模糊背景，但不能用它上面的任何组件。