Как размыть электронное BrowserWindow с прозрачностью - PullRequest
Новая
       18

Как размыть электронное BrowserWindow с прозрачностью

3 голосов
/ 21 апреля 2019

Вопрос

Можно ли сделать BrowserWindow в электронном, прозрачном с размытием?В этом он размывает весь фоновый контент, включая приложения и обои.

И если возможно, как бы я это сделал?

Примеры

Вот код, который я пробовал.
index.js: 

let win = new BrowserWindow({
    fullscreen: true,
    fullscreenable: false,
    frame: false,
    skipTaskbar: true,
    resizable: false,
    movable: false,
    show: false,
    alwaysOnTop: true,
    transparent: true
})

style.css: 

html, body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgb(255, 255, 255);
    backdrop-filter: blur(4px);
}

HTML - это просто тело с тегом h1 с текстом в нем.
Хотя это только создает черный фон в окне.

Я читал кое-что об этом: 

webPreferences: {
    experimentalFeatures: true
}

Но не могу заставить его работать.

Среда

  • Ubuntu: 18.04.2
  • Узел: v10.15.3
  • npm: 6.4.1
  • i3wm,4.14.1

У меня compton работает.Возможно, это связано с этим.Или движок композитинга вообще?

Заранее спасибо!

1 Ответ

1 голос
/ 22 апреля 2019

По этой причине создана библиотека!

Я не знаю много об этом, но, возможно, вам будет лучше понять и создать свое видение!

https://www.npmjs.com/package/@hxkuc/electron-vibrancy

...