Metoda HTML canvas translate() .
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):
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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
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.
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 |
❮ Objekt plátna