Subpixel anti-aliased text on HTML5's canvas element

Question

I\'m a bit confused with the way the canvas element anti-aliases text and am hoping you all can help.

In the following screenshot the top \"Quick Brown Fox\" is an

Answer 1

It's now possible to get sub-pixel font rendering by creating an opaque canvas context. In Safari and Chrome you can get this using this snippet:

var ctx = canvas.getContext("2d", {alpha: false})

I found this from this blog post.