Latest web development tutorials

méthode à l'échelle de la toile HTML ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Dessinez un rectangle, zoomer à 200%, puis dessinez à nouveau un rectangle:

YourbrowserdoesnotsupporttheHTML5canvastag.

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 »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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%,依次类推)。


Exemples

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:

YourbrowserdoesnotsupporttheHTMLcanvastag.

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 »


HTML Manuel toile de référence HTML Manuel toile de référence