Coordinate system

The coordinate system used for drawing in canvases is similar to the one used by many drawing APIs like Java2D. The units are pixels. While it is possible to alter the size of a canvas using CSS percentages, this is considered a bad practice and will be detailed in a further section of this course called 'responsive canvas'.

The origin (0, 0) corresponds to the pixel at the top left corner while the X axis increases to the right and the Y axis increases towards the bottom, as  shown in the following picture: