在deepin 20中出现electron窗口圆角处有不透明黑色的处理_Linux教程

在deepin 20系统中electron设置好圆角后，仍然在窗口的左右上下四个圆角处有不透明的黑色，如下图所示。正常情况下应该是白色，无任何黑色的出现，这样很影响美观。

在deepin 20中出现electron窗口圆角处有不透明黑色的处理

相关信息

main.js:

　　frame: false

　　transparent:true

index.html中已经设置好body透明。

终端执行：electron . --enable-transparent-visuals --disable-gpu

原因

属于electron的bug，不过electron官方认为是显卡的问题。

处理方法

如果一定要去除这四个圆角黑色，可以按下面的说明操作：

将electron的main.js中的创建主窗口延时一下即可解决该问题，即把：

app.on('ready', createWindow)

改成：

app.on('ready', () => {

　setTimeout(() => {

　　createWindow() //解决Linux下背景无法透明问题

　},100)

})

注：更改后保存即可。

附：Linux版窗口边缘显示不正常（供参考）

项目地址：

https://github.com/lyswhut/lx-music-desktop

描述错误：

更新1.2.1版本后，窗口边缘会显示黑框和白框。

重现：

重现行为的步骤：

下载lx-music-desktop-v1.2.1-x64.AppImage

chmod +x lx-music-desktop-v1.2.1-x64.AppImage

运行lx-music-desktop-v1.2.1-x64.AppImage

窗口的边缘出现了黑框和会随鼠标移动而闪烁的白框。

预期行为：

窗口边缘正常显示，不应该有黑框和白框。

环境：

操作系统及版本：Manjaro 20.2 (unstable branch)，Linux 5.8.14-arch1-2-surface，GNOME 3.38.1

软件安装包及版本：Linux 64位 1.2.1 AppImage

实践反馈：用Electron 9测没有问题，1.2.2版本后显示正常，但1.4.0等版本或还存在黑色阴影边框。