Before we come back to a more thorough comparison of SVG and Canvas and see concrete scenarios of when to use what, let's learn to draw with Canvas. We will start with a very simple example to understand the three main steps involved when drawing with Canvas. Then you will draw a set of shapes to get used to its toolbox.

As a side note, when working along and viewing the code examples, I highly recommend you use a recent Chrome browser. All code is tested across modern browsers but has been written with Chrome in mind, which therefore will be the safest browser to work with.