Android 在 Cordova 应用程序中的弹出窗口后面模糊

blurring behind a popup in Cordova app on Android

如何在 Android Cordova 应用程序中设置弹出窗口 window 使其背景模糊?其背后的内容无法提前知晓,可能包含来自多个来源的图像和其他组件。它不一定只出现在单个图像上。我正在寻找的效果看起来像这样:

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

是否有其他方法可以使这项工作成功?

您尝试过 svg 过滤器吗? 也许这可以帮助你 https://www.w3schools.com/graphics/svg_fegaussianblur.asp :)

如果你用crosswalk-plugin代替android,把--enable-experimental-web-platform-features加到XWALK_COMMANDLINE上,就可以用backdrop-filter了,但还是有bug。您可以在 chrome 中测试此功能,打开 chrome://flags 并打开 enable-experimental-web-platform-features.