Canvas Text Backwards Compatibility

Fabien Ménager has created a Canvas Text Javascript library which implements the three methods used to draw text on the canvas element (strokeText, fillText and measureText) to the browser versions which don’t already support it. That’s the Firefox 2/3.0, Internet Explorer 6+, Opera 9+, Safari 3.x and Chrome 1.0 browsers in the group.

Fabien discusses his aim when building the library:

The main goal of this implementation is to respect the specs given by the W3C and WHATWG for the HTML5 <canvas> tag.

Canvas Text doesn’t change the already implemented functions in Firefox 3.5+, Safari 4 and Chrome 2+ as these are already to spec and doesn’t require any other library except ExCanvas for Internet Explorer.

Sweet, sweet canvas text

Sweet, sweet canvas text

Provided with the tool on the Canvas Text codebase are some examples of it working using positioning, animation, transformations and to show performance.

Check out the Canvas Text tool


Fabien Ménager
Posted on:
October 8th, 2009
Posted by:
Andi Smith



Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Canvas Text Backwards Compatibility works in other browsers by leaving a comment below.


Rosalyn Bulgrin

What a fantastic blog post, how can I make is so that I receive an email every time you make a fresh update?

Posted on August 26, 2011

Add comment

(will not be published)