在Electron中模糊/闪烁的文本渲染

Question

在这一点上,我只能猜测,电子(或其某些组成部分)的责任在于模糊的文本,在Atom中还会轻轻地闪烁.通过鼠标点击将焦点转移到编辑器中的代码,瞬间锐化文本,但在大约1-2秒的时间内逐渐软化成模糊.

以下代码段中的各种值组合(在Atom中使用styles.less实现)不起作用:

atom-text-editor,
atom-text-editor.editor,
html {
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering        : optimizeLegibility;
}

1. Visual Studio Code 1.10.2(Shell 1.4.6):

   process.versions 输出:

   • ares:"1.10.1-DEV"
   • 原子壳:"1.4.6"
   • 铬:"53.0.2785.143"
   • 电子:"1.4.6"
   • http_parser:"2.7.0"
   • 模块:"50"
   • 节点:"6.5.0"
   • openssl:"1.0.2h"
   • 紫外线:"1.9.1"
   • 第8节:"5.3.332.47"
   • zlib:"1.2.8"

2. Atom 1.15.0 x64:

   process.versions 输出:

   • ares:"1.10.1-DEV"
   • 原子壳:"1.3.13"
   • 铬: "52.0.2743.82"
   • 电子:"1.3.13"
   • http_parser:"2.7.0"
   • 模块:"49"
   • 节点:"6.5.0"openssl:"1.0.2h"
   • 紫外线:"1.9.1"
   • 第8节:"5.2.361.43"
   • zlib:"1.2.8"

Windows 10 Home 64位(最新),1080p 60Hz显示器,Nvidia GTX 980M(驱动程序最新),无自定义显示缩放.

从哪里开始解决这个问题？

Answer 1

我有一个英特尔高清内置显卡,终于找出了导致问题的原因.

内部图形用户

1. 打开Intel HD控制面板
2. 转到3D设置
3. 关闭保守的形态抗锯齿
4. 重启应用程序并进行修改

其他

1. 检查抗锯齿设置中的设置
2. 如果启用则禁用
3. 重新启动应用程序并进行修改.