Understanding Coordinates 

The fillRect method above had the parameters (0,0,150,75).

This means: Draw a 150x75 rectangle on the canvas, starting at the top left corner (0,0).

The canvas' X and Y coordinates are used to position drawings on the canvas.

Mouse over the rectangle below to see the coordinates:

Tutorial

• HTML 5.0
• HTML 5.0 - Introduction
• HTML 5.0 - New Elements
• HTML 5.0 - Video
• HTML 5.0 - Audio
• HTML 5.0 - Canvas
• HTML 5.0 - Web Storages
• HTML 5.0 - Input Types
• HTML 5.0 - Form Elements
• HTML 5.0 - Form Attributes