Electron 应用程序设置为透明窗口
要将 Electron 应用程序设置为透明窗口,可以在创建 BrowserWindow 实例时传递 transparent: true 选项,如下所示:
const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
const win = new BrowserWindow({
width: 800,
height: 600,
transparent: true, // 设置为透明窗口
frame: false, // 隐藏窗口边框
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
});
在此示例中,我们创建了一个宽度为 800 像素、高度为 600 像素的透明窗口,并隐藏了窗口边框。注意,如果要在透明窗口中显示内容,您需要在 HTML 和 CSS 中使用透明度属性。
原文地址: https://www.cveoy.top/t/topic/hjQq 著作权归作者所有。请勿转载和采集!