title: What is the current state of sub-pixel accuracy in the major browsers?
body: <p>I'm working on a drawing application which requires high levels of accuracy, and I'm wondering which of the major browser platforms (including the HTML Canvas element, and Flash) give the best sub-pixel layout accuracy, both for drawn elements (rectangles in the Canvas or Flash, absolutely positioned DIVs in the browser), and for text. </p>
  
  <p>There are a number of posts related to this, both on this site and others, (see list at bottom), but many are quite old, and none summarises the current situation.</p>
  
  <p>My understanding is that Flash has native support for sub-pixel positioning, using twips to position objects to one twentieth of a pixel, and that when the TextLayoutFramework is used, this accuracy also extends to text. There is at least one report, however, that this doesn't work properly in Chrome. Can anyone confirm this?</p>
  
  <p>My understanding of the situation in the browsers is that Firefox 14+ supports sub-pixel positioning for text and drawn elements, both in page layout and within the Canvas, but I haven't been able to ascertain how accurate this is.</p>
  
  <p>I understand Chrome (as of v21) does not support sub-pixel positioning at all.</p>
  
  <p>I understand IE9 doesn't support sub-pixel positioning, but it appears from the MS blog post linked below that IE10 will.</p>
  
  <p>I don't know if there's any Mac/PC variance in this, and I don't know also if the accuracy of Flash varies between platforms and/or browsers.</p>
  
  <p>I understand a summary question like this may provoke some debate, but I believe this is specific enough for people to provide useful answers, and hope that this thread can be a reference for the state of positioning accuracy up to now.</p>
  
  <p>Some references:</p>
  
  <p><a href="http://blogs.msdn.com/b/ie/archive/2012/02/17/sub-pixel-rendering-and-the-css-object-model.aspx" rel="nofollow noreferrer">http://blogs.msdn.com/b/ie/archive/2012/02/17/sub-pixel-rendering-and-the-css-object-model.aspx</a></p>
  
  <p><a href="https://stackoverflow.com/questions/6720977/sub-pixel-rendering-in-chrome-canvas">Sub-pixel rendering in Chrome Canvas</a></p>
  
  <p><a href="http://johnblackburne.blogspot.co.uk/2011/11/twips.html" rel="nofollow noreferrer">http://johnblackburne.blogspot.co.uk/2011/11/twips.html</a></p>
  
  <p><a href="http://ejohn.org/blog/sub-pixel-problems-in-css/" rel="nofollow noreferrer">http://ejohn.org/blog/sub-pixel-problems-in-css/</a></p>
  
  <p><a href="https://stackoverflow.com/questions/3103252/sub-pixel-css-positioning">Sub Pixel CSS positioning</a></p>
  
  <p><a href="https://productforums.google.com/forum/?fromgroups=#!topic/chrome/pRt3tiVIkSI" rel="nofollow noreferrer">https://productforums.google.com/forum/?fromgroups=#!topic/chrome/pRt3tiVIkSI</a></p>