CanvasRenderingContext2D.translate()

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);