méthode à l'échelle de la toile HTML ()
HTML Manuel toile de référence
Exemples
Dessinez un rectangle, zoomer à 200%, puis dessinez à nouveau un rectangle:
JavaScript:
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Essayez »
support du navigateur
Internet Explorer 9, la méthode d'échelle de soutien Firefox, Opera, Chrome et Safari ().
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
méthode scale () pour agrandir le dessin en cours à un plus grand ou plus petit.
NOTE: Si vous effectuez un zoom sur le dessin, le dessin sera réduite après tout.Le positionnement sera réduite. Si vous redimensionnez (2,2), le dessin sera situé dans le coin supérieur gauche de la toile deux fois plus loin de l'emplacement.
Syntaxe JavaScript: | contexte .scale (ScaleWidth, ScaleHeight); |
---|
Paramètre Valeur
参数 | 描述 |
---|---|
scalewidth | 缩放当前绘图的宽度(1=100%,0.5=50%,2=200%,依次类推)。 |
scaleheight | 缩放当前绘图的高度(1=100%,0.5=50%,2=200%,依次类推)。 |
D'autres exemples
Exemples
Dessinez un rectangle; zoomer à 200%, en tirant à nouveau un rectangle; zoomer à 200%, en tirant à nouveau un rectangle; zoomer à 200%, en tirant une nouvelle fois un rectangle:
JavaScript:
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 »
HTML Manuel toile de référence