我目前正在尝试在我正在制作的Electron应用程序上获得圆角。我已经尝试了几乎所有在线可用的解决方案,但没有一个有任何区别。我如何才能圆我的Electron应用程序的角落?
92dk7w1h1#
制作无框透明窗口
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,以使窗口从这个元素拖动。查看电子手册以获取更多信息;)https://github.com/electron/electron/blob/master/docs/api/frameless-window.md#transparent-window
-webkit-app-region: drag
hxzsmxv22#
对我来说,它是这样工作的:
const mainWindow = new BrowserWindow({ width: 1360, height: 726, minWidth: 1360, minHeight: 726, frame: false, transparent: true, backgroundColor: '#00FFFFFF', })
字符串
2条答案
按热度按时间92dk7w1h1#
制作无框透明窗口
字符串
并在渲染器中有类似这样的东西,或者直接将样式应用于body标记
型
只要确保还添加了一个自定义窗口标题栏,其中有
-webkit-app-region: drag
,以使窗口从这个元素拖动。查看电子手册以获取更多信息;)https://github.com/electron/electron/blob/master/docs/api/frameless-window.md#transparent-window
hxzsmxv22#
对我来说,它是这样工作的:
字符串