【问题标题】:Blurry text Electron模糊文本电子
【发布时间】:2017-02-06 11:47:56
【问题描述】:

我遇到了一些问题,即电子应用程序中的文本和图标字体看起来很模糊。我在 Chrome 中测试了相同的 HTML 页面,文本和图标字体看起来更清晰。

缩放图像后,我可以看到 Chrome 正在使用亚像素渲染,但 Electron 仅以灰度渲染。我尝试过使用-webkit-font-smoothing: subpixel-antialiased;,但它似乎没有任何改变。

Chrome 浏览器版本:53.0.2785.116
电子版本(process.versions.electron):1.4.1
Electron Chrome 版本(process.versions.chrome):53.0.2785.113

这是什么原因造成的,我应该如何解决?

【问题讨论】:

  • 您使用的是哪个版本的电子?
  • 更具体地说,这是什么铬版本?
  • 您是否在违规元素上使用 translate3d?
  • @EvanTrimboli 不,我所做的只是设置字体和大小。
  • 您是否尝试过将-webkit-font-smoothing 设置为aliased 看看是否有什么不同?甚至将其设置为none?这将是一种可能的方式来查看它是否会影响任何事情。

标签: electron text-rendering


【解决方案1】:

尝试设置:

backgroundColor: '#FFF'

在 BrowserWindow 构造函数选项中。

The corresponding issue on Electron's tracker

【讨论】:

  • 现在也在FAQ
猜你喜欢
  • 2014-03-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-03
  • 2016-02-15
  • 2015-12-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多