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() | da | 9 | da | da | da |
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 »