HTML桌面应用程序 - 如何：模糊背景？

Question

我想再次开始使用适用于Windows的HTML桌面应用。我还没决定在哪个框架上构建它，所以我对此非常灵活。现在..我有一个要求：在我要创建的两个应用程序中，我希望有一个透明的背景，这不仅是透明的，而且还会模糊它下面的什么 - 类似于你得到的所有效果通过OSX优胜美地和最新的iOS

在这里，您可以看到我大致想要实现的效果图：https://d13yacurqjgara.cloudfront.net/users/107587/screenshots/1598097/vk_os_x_player_dribbble.png

现在，是否有人知道如何实现这一目标...说... AppJS或Chrome打包应用程序或TideSDK或节点webkit？

编辑 - 当我尝试用AppJS程序做建议的东西时，我只是得到一个黑色背景。不是透明的。我想我也知道如何在浏览器中实现这一目标。但不是在应该运行的应用程序中 桌面。

Answer 1

#myDiv {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
opacity: 0.4;
}

Answer 2

Windows有一个本机方法，它接受一个窗口句柄，并允许您实现您正在寻找的模糊。有关如何在C / C ++中使用该方法，请参阅this example。如果您希望能够通过node-webkit代码调用它，那么您可能需要使用node-ffi来完成工作。

即使有这两件事，我也从未亲自尝试访问由node-webkit创建的窗口的窗口句柄，所以我甚至不知道它实际上是多么容易/困难/可能，但我希望这至少可以让你开始。