The HTML5 canvas grants you a very fine level of control over the individual pixels on your web page. The canvas can be used to create just about anything using JavaScript: custom UI elements, image manipulation, animations, and custom keyboard and mouse interfaces. In addition to the other new HTML5 features and the JavaScript DOM (document object model), the canvas integrates seamlessly with video files, audio clips, and touchscreen events, alongside venerable keyboard and mouse activity. Essentially, you now have access to nearly all the tools that developers in Flash or traditional system and game platforms have been using for years.

It is no secret that the canvas was borne out of the frustrations with the Adobe ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.