escala lona HTML () Método
HTML Manual de lona Referência
Exemplos
Desenhe um retângulo, ampliar para 200%, e, em seguida, desenhar um retângulo de novo:
JavaScript:
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 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%,依次类推)。 |
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:
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);
tente »
HTML Manual de lona Referência