在electron中使用透明窗口時(shí)拼缝，遇到了一些坑，這里總結(jié)一下
1.Electron 相關(guān)設(shè)置
const win=new BrowserWindow({
frame: false,
transparent: true,
backgroundColor: '#00000000',
...其他自定義配置
})
frame設(shè)置為false是為了用無邊窗口瓷炮，transparent設(shè)置為true是使用窗口的透明效果。
而這里又設(shè)置了backgroundColor為一個(gè)透明的顏色递宅，是因?yàn)锽rowserWindow默認(rèn)的背景顏色是白色娘香，設(shè)置透明之后，才能夠真正地看到透明的效果办龄。有的文章提到烘绽，開發(fā)模式開啟devtool也有可能導(dǎo)致背景白色，這里主動(dòng)設(shè)置BrowserWindow的顏色的話俐填，可以不用關(guān)注開發(fā)模式的一些區(qū)別安接。
2. Windows相關(guān)設(shè)置
如果發(fā)現(xiàn)經(jīng)過上述設(shè)置之后，窗口仍然不能透明的話英融，可能和Windows的設(shè)置有關(guān)
在Win7下盏檐，需要開啟aero功能歇式，在Win10下，需要開啟顏色->透明效果
私貨：
字節(jié)跳動(dòng)技術(shù)中臺(tái)團(tuán)隊(duì)現(xiàn)在正在火熱校招中胡野，歡迎想要來校招、實(shí)習(xí)生龙巨、社招小伙伴聯(lián)系我~
yourPic.png
