Metoda skali HTML canvas ()
HTML Instrukcja płótno referencyjny
Przykłady
Narysuj prostokąt, powiększyć do 200%, a następnie ponownie narysować prostokąt:
JavaScript:
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Spróbuj »
Pomoc Browser
Internet Explorer 9, Firefox, Opera, Chrome i Safari skala wsparcia () metoda.
Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.
Definicja i Wykorzystanie
Metoda scale (), aby powiększyć bieżący rysunek się większa lub mniejsza.
UWAGA: Jeśli powiększenie na rysunku, rysunek zostanie przeskalowane po wszystkim.Pozycjonowanie będą skalowane. Jeżeli skala (2,2), a następnie rysunek zostanie zlokalizowany w lewym górnym rogu płótna dwa razy dalej od tego miejsca.
| Składnia JavaScript: | .scale kontekstu (scalewidth, scaleheight); |
|---|
parametr Wartość
| 参数 | 描述 |
|---|---|
| scalewidth | 缩放当前绘图的宽度（1=100%，0.5=50%，2=200%，依次类推）。 |
| scaleheight | 缩放当前绘图的高度（1=100%，0.5=50%，2=200%，依次类推）。 |
Więcej przykładów
Przykłady
Narysuj prostokąt; powiększyć do 200%, ponownie rysując prostokąt; powiększyć do 200%, ponownie rysując prostokąt; powiększyć do 200%, po raz kolejny rysunek prostokąta:
JavaScript:
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 »
HTML Instrukcja płótno referencyjny