Html5 Canvas Display List

Html5 Canvas is a cool component, but:

• without a Display List many developers loose their time to draw simple geometric polygons
• without interaction, polygons are motionless and dead

So, I’ve began to write a Javascript library to fill this gap.

My idea is to write simple classes to:

• wrap obvious polygons attributes
• make polygon interactive (dragging, clicking)

Code Snip

var displayList = new DisplayList("canvas");
var circle = new Circle(200, 100, 50, draggable);
var rectangle = new Rectangle(100, 100, 40, 40, draggable);	
	
displayList.add( rectangle );
displayList.add( circle );
displayList.render();