Electronで半透明なウィンドウを作る方法 2019年版
2199 ワード
Electronで半透明なウィンドウを作る方法を調べても古い方法しかなかなか見つからなかったので、最新のやり方をメモしておきます。
2019/03 現在のバージョン(4.1
系)ではウィンドウを半透明にするためにCSSを使う必要はありません。
2つ方法があります。
方法1
win = new BrowserWindow({
width: 800,
height: 600,
opacity: 0.5 // これだけ!
})
これだけでウィンドウが半透明になります。1で不透明、0で完全に透明です。
方法2
win = new BrowserWindow({
width: 800,
height: 600,
transparent: true, // これと
backgroundColor: '80FFFFFF' // これだけ!
})
こちらの方法の場合、背景色だけが半透明になるので、その上の要素(文字など)は半透明になりません。
backgroundColor
の値はCSSと違いARGB
(Alphaが最初)な点に注意しましょう。
参考
Author And Source
この問題について(Electronで半透明なウィンドウを作る方法 2019年版), 我々は、より多くの情報をここで見つけました https://qiita.com/isuke/items/ddc5791ce62cda3f7822著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .