Summary

In this chapter we looked at the HTML5 <canvas> element and saw how it can be used to create simple, static images, basic animations, and even complex interactive games. It provides a rich API that allows us to interact with it programmatically and gives us complete pixel-level control over an area of the page.

We also saw that although current versions of Internet Explorer don't support the <canvas> element natively, we can use a JavaScript library provided by Google to port most canvas functionality to this browser. Some animations however are still beyond IE8's capabilities even with Google's library. IE9 does support the <canvas> element, so hopefully the requirement of this library will soon become a thing of the past.

In this chapter, ...

Get jQuery 1.4 Animation Techniques Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.