电子窗角没有半径？

Question

我有一个具有以下属性的电子窗口：

mainWindow = new BrowserWindow({
  width: 800,
  height: 600,
  title: "Aqua",
  frame: false,
  transparent: true,
  show: false,
  fullscreenable: false,
  webPreferences: {
    plugins: true
  }
})

当我启动它时，一切正常。但是因为我的标题栏仅在悬停时显示，所以顶部边缘很丑，底部边缘很圆。我现在希望所有角的半径都是 0px。根据互联网上的其他资源，当窗口无框且透明时，它应该自动为 0px 半径。这对我不起作用。如何使整个窗口的边缘变得锐利且没有半径？

如果您需要我的代码，这里是我的 CSS，这里是我的 main.js，这里是我的 HTML。

Answer 1

好吧，我找到了一个古怪的小解决方法：

win = new BrowserWindow({
frame: false, 
transparent: true,
  });


html {
  width:  /* less then window's size */;
  height: /* the same */;
  background: /* some color here */
}

这是很hacky但我发现唯一有效的方法。如果您还有更好的方法还请告诉我！

你可能不应该使用这个。它可能会搞乱一切！

更好的解决方案：只需在浏览器窗口的创建中设置活力和透明 true，您的窗口将具有硬边缘。其他一切都需要对铬有深入的了解......