How can I apply a blur filter to the transparent or half transparent portion of my window, which is located underneath another window.
#transparent blur filter
mild mica
wind sonnet
How can I apply a blur filter to the transparent or half transparent portion of ...
For Windows and macOS, Electron has options you can add to apply the blur filter. There is no option for Linux, unless you use Glasstron(discontinued and outdated).
For Windows, you can use the following for your BrowserWindow.
...
backgroundMaterial: 'auto'
...
For macOS, you can use the following for your BrowserWindow.
...
vibrancy: 'window'
...
Of course, if you plan to package your app for all platforms, include both:
...
backgroundMaterial: 'auto'
vibrancy: 'window'
...
Always read the docs as well.
For Windows blur filter: https://www.electronjs.org/docs/latest/api/browser-window#new-browserwindowoptions:~:text=backgroundMaterial string (optional,for more information.
For macOS blur filter: https://www.electronjs.org/docs/latest/api/browser-window#new-browserwindowoptions:~:text=vibrancy string (optional,under-page.
mild mica
For Windows and macOS, Electron has options you can add to apply the blur filter...
thank u for your answer, it works, but my window is a floating window, and the areas that need background blur is not regular shape, how can i just set these area blur. The first image is original screen shot, it's black half transparent area is i want to add the effect area. The Second Image is the screen shot of original code added "backgroundMaterial: 'mica'"
