HTML5 Canvas Tutorial3 - Coordinates
The HTML canvas is a two-dimensional grid.The coordinate (0, 0) is at the upper-left corner of the canvas.Along the X-axis, values increase towards the right edge of the canvas. Along the Y-axis, values increase towards the bottom edge of the canvas.