css – 主要浏览器中子像素精度的当前状态是什么？

我正在开发一个需要高精度的绘图应用程序，我想知道哪些主要的浏览器平台(包括HTML Canvas元素和Flash)给出了最好的子像素布局精度，无论是绘制元素画布或Flash中的矩形，浏览器中绝对定位的DIV)和文本。

有许多相关的帖子，在这个网站和其他人，(见下面的列表)，但许多是相当老，没有总结当前的情况。

我的理解是，Flash本地支持子像素定位，使用缇到位置对象到一个像素的二十分之一，当使用TextLayoutFramework时，这种准确性也扩展到文本。但是，至少有一个报告无法在Chrome中正常工作。任何人都可以确认这一点？

我对浏览器的情况的理解是，Firefox 14支持文本和绘制元素的子像素定位，无论是在页面布局还是在画布中，但我还没有能够确定这是多么准确。

我明白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

Sub-pixel rendering in Chrome Canvas

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

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

Sub Pixel CSS positioning

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

解决方法

目前，你可以期待最好的舍入和子像素支持来自Mozilla与IE作为亚军。 IE可能最终被更好地调整，但是它们的发布周期很长，Mozilla很可能保持领先。

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

一些浏览器无法正确缩放的原因与子像素支持无关，这是因为它们不记得正确的位置和四舍五入。换句话说，它们过早地使位置四舍五入，并且导致图像被错误对准。