如何在node-webkit中将圆角应用于窗口?

时间:2014-01-05 21:51:08

标签: rounded-corners node-webkit

我无法在桌面应用中为无框窗口应用圆角。将border-radius属性添加到html或body标签没有帮助。

我正在为Windows使用最新的node-webkit预构建二进制文件(v0.8.4)。

我希望将iPad图像作为窗口放置,但所有角落的白色背景都会破坏应用程序。我希望有人已经面临这个问题,并找到了解决方案。

提前致谢!

2 个答案:

答案 0 :(得分:6)

感谢 node-webkit 0.11.2 附带的最新更新,现在可以了。

您可以通过在 package.json的 窗口 部分添加transparent: true来使node-webkit窗口透明化 文件。另一个可选的添加是frame: false,它将删除默认的OS头以及隐藏node-webkit工具栏。

现在您有一个透明窗口,您可以模拟圆角。根据您的代码,您必须向影响窗口边缘的元素添加border-radius

模拟简单圆形窗口的最简单方法是在border-radius标记中添加htmlbackground-color标记应用body。< / p>

答案 1 :(得分:1)

这还不可能。更多信息请访问:https://github.com/rogerwang/node-webkit/issues/132