Exemple
Dessinez un rectangle, échelle à 200%, puis dessiner à nouveau rectangle:
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);
Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| scale() | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
L' scale() méthode redimensionne le dessin courant, plus ou moins important.
Remarque: Si vous redimensionnez un dessin, tous les dessins à venir seront également mises à l' échelle.Le positionnement sera également mise à l'échelle. Si vous scale(2,2) ; dessins seront positionnés deux fois plus loin de la gauche et en haut de la toile que vous spécifiez.
| Syntaxe JavaScript: | context.scale( scalewidth,scaleheight ); |
|---|
Paramètre valeurs
| Paramètre | La description | Joue-le |
|---|---|---|
| scalewidth | Écailles la largeur du dessin de courant ( 1=100%, 0.5=50%, 2=200% , etc.) | Joue-le " |
| scaleheight | Écailles de la hauteur du dessin de courant ( 1=100%, 0.5=50%, 2=200% , etc.) | Joue-le " |
Autres exemples
Exemple
Dessinez un rectangle, échelle à 200%, dessiner un rectangle à nouveau, l'échelle à 200%, dessiner un rectangle à nouveau, l'échelle à 200%, dessinez un rectangle:
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); Essayez - le vous - même »