ctx.translate() canvas method adds a translation transformation to the current matrix.
This example draws a square that is moved from its default position by the translate() method. An unmoved square of the same size is then drawn for comparison.
|x||Specifies the distance to move in the horizontal direction.
|y||Specifies the distance to move in the vertical direction.