如何在 Electron 应用程序上获得圆角？答案

【问题标题】：How to get rounded corners on an Electron app?如何在 Electron 应用程序上获得圆角？
【发布时间】：2018-12-18 03:31:37
【问题描述】：

我目前正在尝试对我正在制作的 Electron 应用程序进行圆角处理。目前我已经尝试了几乎所有在线可用的解决方案，但它们都没有任何作用。

我怎样才能绕过我的 Electron 应用程序的角落？

【问题讨论】：

【解决方案1】：

制作无框透明窗口

const myWindow = new BrowserWindow({
    transparent: true, 
    frame: false
})

并且在渲染器中有这样的东西，或者直接将样式应用到body标签上

<div style="width: 500px; height: 500px; border-radius: 5px">My window content</div>

只需确保还添加一个具有-webkit-app-region: drag 的自定义窗口标题栏，以使窗口可从此元素拖动。

【讨论】：

我已经这样做了，由于某种原因，它无法将半径添加到 body 标签，而是使用透明框架并仅将半径应用于标题栏 div正在使用。不知道为什么它不像他们的文档中所说的那样工作。
我遇到了一些麻烦，但由于我打开了开发工具，它无法正常工作。 翻白眼
div ok body not.
不适用于 linux。检查stackoverflow.com/a/54780438/3563665