使用 WinJS 的 UWP 透明模糊效果答案

【问题标题】：UWP Transparent blur effect with WinJS使用 WinJS 的 UWP 透明模糊效果
【发布时间】：2017-05-06 16:17:14
【问题描述】：

我是 UWP 的新手，我正在尝试用新的 Blur Background effect

有什么办法可以用js项目实现吗？

【问题讨论】：

我不知道那个截图和你的问题有什么关系，但是你的截图里那个文件管理器是什么？
@HubertGrzeskowiak 在屏幕截图的左侧有模糊效果。
@schumi1331i 在该图像中看不到任何模糊。
我相信这个问题是指wpdev.uservoice.com/forums/110705-universal-windows-platform/…。这是在docs.microsoft.com/en-us/uwp/api/windows.ui.composition 实施和记录的。该文档没有描述如何从 JavaScript 中使用它。但是，该 API 可以在 JavaScript 中使用。我不确定如何在窗口上创建类似的效果。

【解决方案1】：

在使用 CSS 高斯模糊 (filter: blur(10px);) 和噪声纹理叠加的 WinJS 项目中，可以在一定程度上模仿新的模糊背景效果（Fluent Design 丙烯酸材料）。

但是，您当然不能使实际窗口透明以通过这种方式查看桌面。

【讨论】：