Esempio
Disegnare un rettangolo, scala al 200%, quindi disegnare di nuovo rettangolo di:
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 browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| scale() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
La scale() metodo scala disegno corrente, grande o più piccolo.
Note: Se si scala un disegno, saranno scalati tutti i disegni futuri. Il posizionamento 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 di:
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 " <Oggetto Tela