Esempio
Disegnare un rettangolo, scala al 200%, quindi disegnare di nuovo rettangolo:
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);
Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| metodo | |||||
|---|---|---|---|---|---|
| scale() | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
La scale() metodo di scala il disegno corrente, grande o più piccolo.
Nota: Se si scala un disegno, saranno scalati tutti i disegni futuri.Il posizionamento sarà anche essere scalata. Se scale(2,2) ; disegni saranno posizionati due volte più lontano dalla sinistra e superiore della tela, come specificato.
| sintassi JavaScript: | context.scale( scalewidth,scaleheight ); |
|---|
valori dei parametri
| Parametro | Descrizione | Gioca |
|---|---|---|
| scalewidth | Scala la larghezza del disegno corrente ( 1=100%, 0.5=50%, 2=200% , etc.) | Gioca " |
| scaleheight | Scala l'altezza del disegno corrente ( 1=100%, 0.5=50%, 2=200% , etc.) | Gioca " |
Altri esempi
Esempio
Disegnare un rettangolo, scala al 200%, disegnare di nuovo rettangolo, scala al 200%, disegnare di nuovo rettangolo, scala al 200%, disegnare di nuovo rettangolo:
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); Prova tu stesso "