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

10 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!

  2. Thanks for visiting,
    I’m Klaudia.
    If you’ve ever been too tired and couldn’t finish a academic paper, then you’ve come to the right place. I work with students in all areas of the writing steps . I can also write the essay from start to finish.
    My career as an academic writer started during my school years . After learning that I was very capable in the field of academic writing, I decided to take it up as a profession.

    Professional Academic Writer- Klaudia- Jewishcouncil Company

Leave a Reply

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