CSS3 is kickass, but sometimes it just doesn’t cut it. Like when you want to display some 2D shapes that change dynamically over time, for example. Then the canvas element comes into play. The HTML5 canvas is a powerful drawing tool that you can use to create anything you can imagine.
There are a couple of ways to use the canvas. You can either create your drawings programmatically, or you can use an external editor like Adobe Photoshop or Illustrator and import the resulting image into your page. In this tutorial, you will learn about HTML5 Canvas