Exemplo
Desenhe um retângulo, escala para 200%, em seguida, desenhar um retângulo de novo:
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 você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| scale() | sim | 9 | sim | sim | sim |
Definição e Uso
A scale() método dimensiona o desenho atual, maior ou menor.
Nota: Se você dimensionar um desenho, todos os desenhos futuros também serão escalados.O posicionamento também será redimensionada. Se você scale(2,2) ; desenhos serão posicionadas duas vezes mais longe da esquerda e superior da tela como você especificar.
| sintaxe JavaScript: | context.scale( scalewidth,scaleheight ); |
|---|
Os valores dos parâmetros
| Parâmetro | Descrição | Jogue |
|---|---|---|
| scalewidth | Dimensiona a largura do desenho corrente ( 1=100%, 0.5=50%, 2=200% , etc.) | Jogue " |
| scaleheight | Dimensiona a altura do desenho corrente ( 1=100%, 0.5=50%, 2=200% , etc.) | Jogue " |
mais Exemplos
Exemplo
Desenhe um retângulo, escala para 200%, desenhar um retângulo de novo, escala para 200%, desenhar um retângulo de novo, escala para 200%, desenhar um retângulo de novo:
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 você mesmo "