Exemple
Dessiner un rectangle, échelle à 200%, puis dessinez à 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 vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| scale() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
L' scale() méthode à l'échelle le dessin en cours, plus ou moins important.
Note: Si vous redimensionnez un dessin, tous les futurs dessins seront également mis à 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 le haut de la toile que vous spécifiez.
| syntaxe JavaScript: | context . scale( scalewidth,scaleheight ) ; |
|---|
Les valeurs des paramètres
| Paramètre | La description | Joue-le |
|---|---|---|
| scalewidth | Écailles la largeur du dessin courant (1=100%, 0.5=50%, 2=200%, etc.) | Joue-le " |
| scaleheight | Écailles la hauteur du dessin courant (1=100%, 0.5=50%, 2=200%, etc.) | Joue-le " |
autres exemples
Exemple
Dessiner un rectangle, échelle à 200%, dessiner à nouveau rectangle, échelle à 200%, à nouveau rectangle dessiner, échelle à 200%, dessinez 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 vous - même » <Canvas objet