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上则是圆形的。该死的,希望是相反的方式