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

Answering my own question:

It is possible using the technique demonstrated on this site:

https://bel.fi/alankila/lcd/

The only problem is that its too slow to implement in a production app. If anyone runs across a faster way please let me know.