javascript - 没有半径的 Electron 窗 Angular ？

Question

我有一个具有这些属性的 Electron 窗口:

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

当我启动它时，一切正常。但是因为我的标题栏只在悬停时显示，所以我在顶部有一个丑陋的边缘，在底部有一个圆 Angular 边缘。我现在希望我所有的 Angular 都有一个 0px 半径。根据网上的其他资料，窗口无框透明时应该自动为0px半径。这对我不起作用。我怎样才能使我的边缘在整个窗口上没有半径？

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

Answer 1

从版本 13 开始，Electron 有一个名为 roundedCorners 的新 BrowserWindow 选项，可以通过将其设置为 false 来禁用它:

const window = new BrowserWindow({
  title: 'A window without rounded corners',
  roundedCorners: false, // 👈
})

• > See all BrowserWindow options
• > See the original Pull Request

确保您运行的是 Electron 版本 13 或更高版本(检查它:npm ls electron)。如果没有，安装最新的:npm i electron@latest