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();	

8 Replies to “Html5 Canvas Display List”

  1. It’s perfect time to make some plans for the longer term and it is time
    to be happy. I have learn this put up and if I may just I want to recommend
    you some fascinating things or suggestions. Perhaps you
    could write next articles relating to this article.
    I want to learn more issues approximately it!

Leave a Reply

Your email address will not be published. Required fields are marked *