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”.
Turotial demonstrating a filled circle. Sample by Eric Rowell @ HTML5 Canvas tutorials: