Przykład
Narysuj prostokąt w pozycji (10,10) , ustawić nowy (0,0) pozycję (70,70) . Ponownie narysować ten sam prostokąt (notice that the rectangle now starts in position (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);
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| translate() | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
translate() metoda odwzoruje (0,0) pozycję na płótnie.
Note: Po wywołaniu metody takie jak fillRect() po translate() , wartość jest dodawana do X i Y współrzędnych.
translate () metodę "/> | Składnia JavaScript: | context . translate( x,y ) ; |
|---|
wartości parametrów
Note: Można podać jeden lub oba parametry.
| Parametr | Opis | Graj |
|---|---|---|
| x | Wartość dodanie poziomych (x) współrzędnych | Graj " |
| y | Wartość dodanie pionowych (y) współrzędnych | Graj " |
<Płótno Przedmiot