在electron中使用透明窗口时，遇到了一些坑，这里总结一下
1.Electron 相关设置
const win=new BrowserWindow({
frame: false,
transparent: true,
backgroundColor: '#00000000',
...其他自定义配置
})
frame设置为false是为了用无边窗口，transparent设置为true是使用窗口的透明效果。
而这里又设置了backgroundColor为一个透明的颜色，是因为BrowserWindow默认的背景颜色是白色，设置透明之后，才能够真正地看到透明的效果。有的文章提到，开发模式开启devtool也有可能导致背景白色，这里主动设置BrowserWindow的颜色的话，可以不用关注开发模式的一些区别。
2. Windows相关设置
如果发现经过上述设置之后，窗口仍然不能透明的话，可能和Windows的设置有关
在Win7下，需要开启aero功能，在Win10下，需要开启颜色->透明效果
私货：
字节跳动技术中台团队现在正在火热校招中，欢迎想要来校招、实习生、社招小伙伴联系我~
yourPic.png
网友评论