主流浏览器中亚像素精度的当前状态是什么？

Question

我正在开发一个需要高精度的绘图应用程序,我想知道哪些主要的浏览器平台(包括HTML Canvas元素和Flash)为绘制的元素提供了最佳的子像素布局精度( Canvas或Flash中的矩形,浏览器中绝对定位的DIV)以及文本.

在这个网站和其他网站上有很多与此相关的帖子(见下面的列表),但很多都很老,没有一个总结当前的情况.

我的理解是Flash本身支持子像素定位,使用缇将对象定位到像素的二十分之一,并且当使用TextLayoutFramework时,这种准确性也扩展到文本.但是,至少有一份报告表明这在Chrome中无法正常运行.谁能证实这一点？

我对浏览器情况的理解是Firefox 14+支持文本和绘制元素的子像素定位,无论是在页面布局还是在Canvas中,我都无法确定这是多么准确.

据我所知,Chrome(截至v21)根本不支持亚像素定位.

我了解IE9不支持子像素定位,但它出现在下面链接的MS博客帖子中,IE10会.

我不知道是否有任何Mac/PC差异,我也不知道Flash的准确性是否因平台和/或浏览器而异.

我理解像这样的总结问题可能引发一些争论,但我相信这对于人们提供有用的答案是特定的,并且希望这个线程可以作为到目前为止定位准确性状态的参考.

一些参考:

http://blogs.msdn.com/b/ie/archive/2012/02/17/sub-pixel-rendering-and-the-css-object-model.aspx

Chrome Canvas中的子像素渲染

http://johnblackburne.blogspot.co.uk/2011/11/twips.html

http://ejohn.org/blog/sub-pixel-problems-in-css/

Sub Pixel CSS定位

https://productforums.google.com/forum/?fromgroups=#!topic/chrome/pRt3tiVIkSI

Answer 1

目前,你可以期待最好的舍入和子像素支持来自Mozilla,IE作为亚军.IE可能最终会被更好地调整,但是他们的发布周期太长,以至于Mozilla可能会保持领先.

就子像素布局而言,您可能正在追逐一缕,因为子像素优势可以改善抗锯齿问题,而不是屏幕定位精度.无论子像素支持如何,您的图像永远不会比真实位置的1个像素更准确.

某些浏览器无法正确缩放的原因与子像素支持无关,这是因为它们无法正确记住确切位置和舍入.换句话说,它们过早地使位置变圆并且导致图像错位.