如何在Electron应用程序上获得圆角?

nhhxz33t  于 12个月前  发布在  Electron
关注(0)|答案(2)|浏览(214)

我目前正在尝试在我正在制作的Electron应用程序上获得圆角。我已经尝试了几乎所有在线可用的解决方案,但没有一个有任何区别。
我如何才能圆我的Electron应用程序的角落?

92dk7w1h

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

hxzsmxv2

hxzsmxv22#

对我来说,它是这样工作的:

const mainWindow = new BrowserWindow({
  width: 1360,
  height: 726,
  minWidth: 1360,
  minHeight: 726,
  frame: false,
  transparent: true,
  backgroundColor: '#00FFFFFF',
})

字符串

相关问题