Metoda HTML canvas translate() .

❮ HTML Canvas Reference

Příklad

Nakreslete obdélník na pozici (10,10), nastavte novou pozici (0,0) na (70,70). Znovu nakreslete stejný obdélník (všimněte si, že obdélník nyní začíná na pozici (80,80):

Váš prohlížeč nepodporuje HTML5canvatag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillRect(10, 10, 100, 50);
ctx.translate(70, 70);
ctx.fillRect(10, 10, 100, 50);

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.

Method
translate() Yes 9.0 Yes Yes Yes

Definice a použití

Metoda translate() přemapuje pozici (0,0) na plátně.

Poznámka: Když po translate() zavoláte metodu, jako je fillRect(), hodnota se přičte k hodnotám souřadnic x a y.

Ilustrace metody translate().

Syntaxe JavaScriptu: kontext .translate( x,y );

Hodnoty parametrů

Poznámka: Můžete zadat jeden nebo oba parametry.

Parameter Description Play it
x The value to add to horizontal (x) coordinates
y The value to add to vertical (y) coordinates

❮ HTML Canvas Reference