Issue
Using the transparent argument and setting it to true when creating a new BrowserWindow in Electron usually gives the window a transparent background... But on Linux that isn't the case for my knowledge
Now I heard you can set some Command Line Arguments... But that isn't working... It just displays black or white no matter what...
// Should set the commandLine arguments and work...
const {app} = require('electron')
app.commandLine.appendSwitch('enable-transparent-visuals');
app.commandLine.appendSwitch('disable-gpu');
Now i have heard this is no problem with electron rather a problem with hardware... But i just needed to make sure therefore creating this question!
Solution
I have encounter the same problem as you and so I have written :
- this StackOverFlow question : Can't succeed in making transparent window in Electron (javascript)
- this Electron issue : https://github.com/electron/electron/issues/15947
- and finally request this feature : https://github.com/electron/electron/issues/16809
Till the requested feature is implemented, the solution is simple just add a delay before launching the window.
You can clone this git repo, put the delay to 500, and normally magic will appear.
EDIT 1 : Use this repo : https://gitlab.com/doom-fr/electron-transparency-demo
git clone https://gitlab.com/doom-fr/electron-transparency-demo
cd electron-transparency-demo
npm install
npm start
# or npm run startWithTransparentOption
# or npm run startWithAllOptions
For me, it works out of the box with Debian Jessie and electron 4.0.5, for npm start
, npm run startWithTransparentOption
but not with npm run startWithAllOptions
.
NB : be carefull to set at least 500ms to have chance it works. After you can reduce the delay but it is not stable. It is why an event on transparentReady is needed.
Doom
Answered By - doom
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.