javascript - Chrome Canvas 中的子像素渲染

Question

我想知道是否有人知道是否可以在 Chrome(和/或 Safari)的 HTML5 Canvas 中启用子像素渲染。

Chrome 在 HTML 中进行子像素渲染，而 FF 在 HTML 和 Canvas 渲染中进行。具体问题如下图:

Answer 1

简短回答:不。不可能

这是让许多 Canvas 用户感到沮丧的两个主题之一。

任何类型的亚像素渲染/抗锯齿取决于浏览器。这意味着不同的浏览器倾向于以不同的方式呈现事物。

很多人都要求抗锯齿成为一个可以针对特定上下文打开或关闭的选项。还没有这样的运气。

您尤其需要关注 Chrome，因为它们处理亚像素渲染的方式在过去 4 个月内发生了巨大变化。如果您开始使用 Chrome developer channel您将预览他们不断尝试的事情。他们已经在这方面做了很多测试，甚至插入了我已经进行的一些剧烈的倒退变化 complained about.

这里的要点是:

1. Chrome 在子像素渲染方面绝对“尚未完成”。说起来糟透了，但你现在最好的选择是等一会儿。
2. 该领域的规范需要更加具体，以便跨浏览器保持一定的一致性，因为现在任何子像素渲染/抗锯齿都非常依赖于浏览器。在 2008. 中有 Unresolved 讨论从那以后，我一直没有取得任何进展。