Przykład
Narysować prostokąt, skalowanie do 200%, a następnie ponownie wyciągnąć prostokąt:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| scale() | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
scale() Sposób skaluje bieżącego rysunku, większy lub mniejszy.
Note: Jeśli skala rysunku, wszystkie przyszłe rysunki zostaną również skalowane. Rozmieszczenie również być skalowane. Jeżeli scale(2,2) ; rysunki zostaną ustawione dwa razy dalej od lewej i górnej części płótna, jak można określić.
| Składnia JavaScript: | context . scale( scalewidth,scaleheight ) ; |
|---|
wartości parametrów
| Parametr | Opis | Graj |
|---|---|---|
| scalewidth | Skaluje bieżącej szerokości rysunku (1=100%, 0.5=50%, 2=200%, etc.) | Graj " |
| scaleheight | Wagi wysokość obecnego rysunku (1=100%, 0.5=50%, 2=200%, etc.) | Graj " |
Więcej przykładów
Przykład
Wyciągnąć prostokąta skalę do 200%, jeszcze zwrócić prostokąta, skalowanie do 200%, jeszcze zwrócić prostokąta, skalowanie do 200%, jeszcze zwrócić prostokąta:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15); Spróbuj sam " <Płótno Przedmiot