在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等版本或还存在黑色阴影边框。

相关主题

Linux圆角窗口,在deepin 20中出现electron窗口圆角处有不透明黑色的处理相关推荐

  1. linux上归档文件无法提取,在Deepin 20中归档管理器提示装入归档文件时出现了一个错误的原因...

    在升级到Deepin 20系统后,归档管理器(file-roller 3.30.2.1-1+dde)不能打开任何的zip文件,会提示错误信息:装入归档文件时出现了一个错误,如下图所示.以下是原因分析及 ...

  2. tlp导致linux运行缓慢,在deepin 20系统中使用tlp但无法自动降频的处理

    deepin 20系统的电源管理方案并不是很好,采用安装并使用tlp来进行电源管理,但是却不能自动降频,似乎在这方面已经失效,所以就操作了一下(适用于源里面的tlp(tlp1.1.2),intel c ...

  3. deep linux 看视频卡,在Deepin 20等Linux系统下用Chrome看虎牙直播经常卡的处理

    有时候在Deepin 20等Linux系统下用谷歌Chrome浏览器看虎牙直播会卡,而且是经常性的,而同样的操作在Windows系统下就不会,所用的依然还是Chrome浏览器.通常情况下看网站直播视频 ...

  4. deepin linux运行apk,在Deepin 20.1 Linux系统下用Wine游戏助手来运行原神

    本文介绍在Deepin 20.1 Linux系统下用Wine游戏助手运行原神游戏的方法.经测试,是可以用Wine来运行原神的,但是方法不对,即使能安装完成也很难运行起来,或者运行后很容易就崩溃.以下方 ...

  5. 移动硬盘里的linux系统文件夹加密,在Deepin系统中加密移动存储设备的方法

    本文介绍简单可行的方法让你在Deepin系统中加密你的移动存储设备,包括U盘及移动硬盘.同时要指出的是虽然可以采用下面方法保护数据不让他人随意观看,但是不能阻止他人破坏数据,例如,格式化U盘或移动硬盘 ...

  6. deepin linux版本回退,解决Deepin 20下升级360浏览器86内核版就退回78内核版本的问题...

    以前在Deepin 20系统下安装了78.0.3904.108内核版本的360安全浏览器12,然后再安装了最新86.0.4195.1内核的V10版本,现在使用sudo apt update/upgra ...

  7. deepin linux 大小,关于安装Deepin 20系统选择全盘安装后硬盘容量比实际的小

    安装深度操作系统Deepin 20系统时选择全盘安装后硬盘容量比实际的硬盘小这是正常的,以下是有经验网友们的评论. 问题 安装Deepin 20成功后,原来128G现在实际连100G都不到. 网友评论 ...

  8. linux音乐关机,在Deepin操作系统中关闭或者更改开机关机音乐的方法

    如何在Deepin操作系统中关闭或者更改开机关机音乐,下面提供简单可行的方法,比如在Deepin 15.7/15.8系统中可以按照下面的方法关闭或者更改开关机音乐. 在Deepin系统中开关机音乐位置 ...

  9. 深度linux安装office,测试deepin 20 安装microsoft office

    linux系统越来越多地开始被大家认可,但是基于深度办公一族来讲,有些软件还是win下的比较适用,或者说比较适合使用习惯并且比较兼容团队使用习惯. 那么有一些软件就需从win下搬移到linux下来使用 ...

最新文章

  1. SAP SD基础知识之信用范围数据维护
  2. 错误类型3错误:活动类{}不存在
  3. 前置机上如何地址转换_canvas原生层级较高,遮盖自定义tabbar,转换为图片解决...
  4. 【C 语言】二级指针作为输入 ( 指针数组 | 复杂指针解读 )
  5. Objective-c 类的继承 方法重写 方法重载
  6. bind函数polyfill源码解析
  7. scala -abstract 类
  8. Springboot2 自定义异常处理
  9. python函数运行没有结果_python之函数
  10. 关于armhf (hard-float ABI for ARM)
  11. 刷题记录 kuangbin带你飞专题九:连通图
  12. Windows下程序猿开发利器
  13. 通信原理基础概念概述
  14. Labview波形图 波形图表 XY图
  15. cad卸载不干净_BarTender卸载卸不干净的解决技巧
  16. android支持pcm格式转换,Android中Pcm文件转Amr文件
  17. 域渗透基础_域渗透实战下gpo策略利用
  18. 使用UltraISO从文件还原Linux操作系统ISO
  19. 【文献阅读】Multi-state MRAM cells for hardware neuromorphic computing
  20. Qt Mtd调用方式

热门文章

  1. 计算机通信工程培训,通信工程师培训有没有比较好的视频网站?
  2. 南工程信通院—18年信号与系统试卷(有答案与解析)
  3. while(1);的作用
  4. odoo13 订单模板设置_Odoo + Anodoo功能介绍13-SaaS公司如何定义在线销售的订阅产品...
  5. matlab画图函数汇总(三)
  6. arm 跑马灯 linux,02 ARM11 时钟初始化后的跑马灯程序
  7. tomcat内存溢出处理
  8. 智能对话机器人实战开发(1)- 体系结构和分类
  9. 计算机信息系统安全的概论,信息安全概论
  10. javascript中JSON对象和formdata格式互相转换