CanvasRenderingContext2D.translate()

CanvasRenderingContext2D.translate() - переміщення.

Синтаксис:

ctx.translate(x, y);

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

x - відстань для переміщення в горизонтальному напрямку.

y - відстань для переміщення у вертикальному напрямку.

Опис:

translate() метод об'єкту CanvasRenderingContext2D який переміщує подальше малювання на полотні canvas.

Приклад:

Ваш браузер не підтримує 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);