Exemplo
Desenhe um retângulo na posição (10,10) , definir novo (0,0) posição para (70,70) . Desenhe mesmo retângulo novamente (notice that the rectangle now starts in position (80,80) :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
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 | |||||
|---|---|---|---|---|---|
| translate() | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
O translate() método remaps a (0,0) posição sobre a lona.
Note: Quando você chamar um método como fillRect() depois de translate() , o valor é adicionado ao x e valores coordenada y.
translate () método "/> | sintaxe JavaScript: | context . translate( x,y ) ; |
|---|
Os valores dos parâmetros
Note: Você pode especificar um ou ambos os parâmetros.
| Parâmetro | Descrição | Jogue |
|---|---|---|
| x | O valor para adicionar à horizontal (x) coordenadas | Jogue " |
| y | O valor a adicionar ao verticais (y) as coordenadas | Jogue " |
<Object Canvas