Exemplo
Desenhe um retângulo, escala para 200%, em seguida, desenhar retângulo novamente:
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 navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| scale() | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
A scale() método escala o desenho actual, maior ou menor.
Note: Se você dimensionar um desenho, todos os desenhos futuros também serão escalados. O posicionamento também será dimensionada. 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 retângulo de novo, escala para 200%, desenhar retângulo de novo, escala para 200%, desenhar retângulo novamente:
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 " <Object Canvas