在Android上的Cordova app中弹出一个弹出窗口

Question

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

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

• Background blur with CSS的答案中描述的方法，这些方法往往依赖于背景已经可用作图像（例如here's a modification of the accepted answer，表明只有背景图像变得模糊，以及任何文字放置在背景之上的效果会丢失，或使用当前未在Android的Web视图组件上实现的CSS属性backdrop-filter。
• 使用html2canvas和类似方法生成图像，然后模糊图像。这种方法很有效，但在低端手机的复杂布局上使用速度太慢，导致弹出窗口出现之前的延迟时间长得令人无法接受。

是否有其他方法可以使这项工作？

Answer 1

如果您使用crosswalk-plugin for android，将--enable-experimental-web-platform-features添加到XWALK_COMMANDLINE，那么您可以使用backdrop-filter，但它仍有一些错误。您可以在Chrome中测试此功能，打开chrome://flags并打开enable-experimental-web-platform-features。

Answer 2

你试过svg过滤器吗？ 也许这可以帮助你https://www.w3schools.com/graphics/svg_fegaussianblur.asp：）