我目前正在尝试在我正在制作的电子应用程序上获得圆角。目前我已经尝试了几乎所有在线可用的解决方案,但没有一个有任何区别。
如何绕过 Electron 应用程序的四角?
我正在尝试使用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);
Run Code Online (Sandbox Code Playgroud)
这是我的代码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 …Run Code Online (Sandbox Code Playgroud)