Friday, March 25, 2011

Canvas Tag



The new HTML5 canvas tag that is a container that allows for dynamic, scriptable drawing of 2D of graphics, allowing both simple and complex shapes to be drawn that you could previously only get by using images. With javascript we can manipulate what appears on the canvas so it can be used to make photo compositions, graphs games, animation etc


The <canvas> tag consists of a drawable region with a defined width and height, which are optional and can also be set using DOM properties. It is only supported by a number of browsers that are Firefox 1.5 and later, Opera 9 and later, and newer versions of Safari IE 9 will have support for it as well.

Some Examples are:
tetris like game
physics boxes
painter
clock

No comments: