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:
JAVASCRIPT:
canto(“canvas_id”).moveTo(100,100).lineTo(200,200,100,200).closePath().stroke();
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:
JAVASCRIPT:
canto(“canvas_id”).moveTo(100,100).lineTo(200,200,100,200).closePath().stroke({lineWidth: 15, strokeStyle: “red”});
And plenty more syntactic sugar – check out the API in the source code comments. Sweet!
Thanks @pkeane.
