如何在電子應用程序上獲得圓角？

Question

我目前正在嘗試在我正在制作的電子應用程序上獲得圓角。 目前我已經嘗試了幾乎所有在線可用的解決方案，但沒有一個有任何區別。

如何繞過 Electron 應用程序的四角？

Answer 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的自定義窗口標題欄，以使窗口可從此元素-webkit-app-region: drag 。