Przykład
Narysuj prostokąt, skalować do 200%, a następnie ponownie narysować 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 " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, który w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| scale() | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
scale() metoda skaluje bieżącego rysunku, większy lub mniejszy.
Uwaga: W przypadku zmiany skali rysunku, wszystkie przyszłe rysunki zostaną również skalowane.Pozycjonowanie 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 | Wagi szerokość obecnego ciągnienia ( 1=100%, 0.5=50%, 2=200% , itd.) | Graj " |
| scaleheight | Wagi wysokość obecnego ciągnienia ( 1=100%, 0.5=50%, 2=200% , itd.) | Graj " |
Więcej przykładów
Przykład
Narysuj prostokąt, skalę do 200%, ponownie narysować prostokąt, skalować do 200%, ponownie narysować prostokąt, skalować do 200%, ponownie narysować 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);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15); Spróbuj sam "