CanvasRenderingContext2D.translate() - переміщення.
ctx.translate(x, y);
ctx - об'єкт CanvasRenderingContext2D.
x - відстань для переміщення в горизонтальному напрямку.
y - відстань для переміщення у вертикальному напрямку.
translate() метод об'єкту CanvasRenderingContext2D який переміщує подальше малювання на полотні canvas.
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillRect(5, 5, 60, 60);
ctx.translate(100, 100);
ctx.fillRect(5, 5, 60, 60);