Exemplu
Desenați un dreptunghi, la scară până la 200%, apoi se trage din nou dreptunghi:
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);
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
| Metodă | |||||
|---|---|---|---|---|---|
| scale() | 4 | 9 | 3.6 | 4 | 10.1 |
Definiție și utilizare
scale() metoda scalează desenul curent, mai mari sau mai mici.
Note: Dacă un desen scară, toate tragerile viitoare vor fi , de asemenea scalate. Poziționarea va fi, de asemenea scalate. Dacă scale(2,2) ; Desenele vor fi poziționate de două ori mai departe de stânga și de sus a pânzei, după cum specificați.
| sintaxa JavaScript: | context . scale( scalewidth,scaleheight ) ; |
|---|
Valorile parametrilor
| Parametru | Descriere | Joaca-l |
|---|---|---|
| scalewidth | Scales lățimea desenului curent (1=100%, 0.5=50%, 2=200%, etc.) | Joaca - l » |
| scaleheight | Scales înălțimea desenului curent (1=100%, 0.5=50%, 2=200%, etc.) | Joaca - l » |
Mai multe exemple
Exemplu
Desenați un dreptunghi, la scară până la 200%, desena dreptunghi din nou, la scară până la 200%, desena dreptunghi din nou, la scară până la 200%, trage din nou dreptunghi:
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); Încearcă - l singur » <Canvas obiect