Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 没有半径的电子窗口角?_Javascript_Css_Electron - Fatal编程技术网

Javascript 没有半径的电子窗口角?

Javascript 没有半径的电子窗口角?,javascript,css,electron,Javascript,Css,Electron,我有一个具有以下特性的电子窗口: mainWindow = new BrowserWindow({ width: 800, height: 600, title: "Aqua", frame: false, transparent: true, show: false, fullscreenable: false, webPreferences: { plugins: true } }) 当我启动它时,一切正常。但因为我的标题栏只在悬停时显示,所以我

我有一个具有以下特性的电子窗口:

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。

好的,我找到了一个简单的解决方法:

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


html {
  width:  /* less then window's size */;
  height: /* the same */;
  background: /* some color here */
}
这很有意思,但我发现这是唯一有效的方法。如果你有更好的方法,请仍然让我知道

你可能不应该用这个。它可能会把一切搞砸


更好的解决方案:只需在BrowserWindow的创建中设置一个活力和透明的true,您的窗口将具有硬边。其他一切都需要对铬有深入的了解…

热门新闻!至少在我写这篇文章的那天

这是Electron v13的一个新BrowserWindow选项,名为roundedCorners,可以通过将其设置为false来禁用。检查昨天刚刚合并的

您可以通过安装Electron的夜间版本来测试此功能:

npm i electron@npm:electron-nightly

你说没有半径是什么意思?我做这个图片是为了简单地解释它。我希望你能理解:默认情况下窗户有锋利的边缘??你在用什么操作系统?是的,我在用mac。在windows上默认为锐利的边缘,在mac上则是圆形的。该死的,希望是相反的方式