Latest web development tutorials

escala lona HTML () Método

HTML Manual de lona Referência HTML Manual de lona Referência

Exemplos

Desenhe um retângulo, ampliar para 200%, e, em seguida, desenhar um retângulo de novo:

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);

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari escala de apoio () método.

Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.


Definição e Uso

scale () método para aumentar o desenho atual para um maior ou menor.

NOTA: Se você aumentar o zoom no desenho, o desenho será redimensionada depois de tudo.Posicionamento será dimensionado. Se escala (2,2), em seguida, o desenho ficará localizado no canto superior esquerdo da tela duas vezes mais longe do local.

sintaxe JavaScript: .scale contexto (ScaleWidth, ScaleHeight);

parâmetro Valor

参数 描述
scalewidth 缩放当前绘图的宽度(1=100%,0.5=50%,2=200%,依次类推)。
scaleheight 缩放当前绘图的高度(1=100%,0.5=50%,2=200%,依次类推)。


Exemplos

mais exemplos

Exemplos

Desenhe um retângulo; aumentar a 200%, de novo desenho de um retângulo; aumentar a 200%, de novo desenho de um retângulo; aumentar a 200%, mais uma vez desenho de um retângulo:

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);

tente »


HTML Manual de lona Referência HTML Manual de lona Referência