Javascript author extraordinaire David Flanagan released Canto.js recently, a lightweight wrapper API for canvas, introduced here and documented at the top of the source code. Example:

Notice three things:

• canto() returns an abstraction of the canvas – a “Canto” object.
• As with jQuery and similar libraries, there’s method chaining; each method called on a Canto also returns the Canto.
• lineTo() has been extended to support multiple lines being drawn in a single call.

Instead of setting the ink properties and then painting it, you can do it all in one step:

And plenty more syntactic sugar – check out the API in the source code comments. Sweet!

Thanks @pkeane.

Go to Source