- On the HTML canvas the top left corner is x = 0 and y = 0.
- The y-axis is “up & down”.
- The x-axis is “left & right”.
With a canvas you can animate your page. You can use images or draw geometric figures on the canvas. Here are some tutorials for canvas animation.
- Basic Canvas drawing.
- Canvas animation – see the video below.
Parallax Effect ( Multilayer animation )
Sample by Eric Rowell @ HTML5 Canvas tutorials: