Я пытаюсь создать прозрачное окно с ElectronJs, но получаю черный фон.
Я работаю в Linux (Debian Jessie)
Я пробовал разные версии: последняя, бета икаждую ночь с тем же результатом.
У меня есть версия для NW.js, которая работает на той же машине, поэтому я ожидаю, что это проблема с электронами.
Вот мой код main.js:
const {app, BrowserWindow} = require('electron');
let mainWindow;
function createWindow () {
mainWindow = new BrowserWindow({width: 920, height: 300, frame:true, transparent:true, backgroundColor: '#00FFFFFF'});
mainWindow.loadFile('index.html');
mainWindow.on('closed', function () {
mainWindow = null;
});
}
app.on('ready', createWindow);
Вот мой код index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body style="background-color:rgba(255,255,255,0); color:lightgrey;">
<h1>Hello World!</h1>
<!-- All of the Node.js APIs are available in this renderer process. -->
We are using Node.js <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
<script>
// You can also require other files to run in this process
// require('./renderer.js')
</script>
</body>
</html>
Проблема в том, что фон не прозрачный, а черный:
Безуспешно пробовали разные вещи (например, app.disableHardwareAcceleration())
Кто-нибудь знает решение или имеет полный рабочий пример?
Thx
-
Редактировать 1: также пробовал с и без --enable-transparent-visuals --disable-gpu, как сказано здесь