Ultimele tutoriale de dezvoltare web
 

HTML canvas scale() Method

<HTML Canvas de referință

Exemplu

Desenați un dreptunghi, la scară până la 200%, apoi se trage din nou dreptunghi:

YourbrowserdoesnotsupporttheHTML5canvastag.

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:

YourbrowserdoesnotsupporttheHTMLcanvastag.

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 »

<HTML Canvas de referință