Método translate() do canvas HTML
Definição e Uso
translate() para mapear a posição (0,0) no canvas.
Notas:ao chamar métodos como fillRect() ao usar métodos como x e y no valor de coordenadas.
Exemplo
Desenhe um retângulo na posição (10,10), configure a nova posição (0,0) como (70,70). Desenhe novamente o novo retângulo (por favor, note que agora o retângulo começa na posição (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);
Sintaxe
context.translate(x,y);
Valor do parâmetro
| Parâmetro | Descrição |
|---|---|
| x | Adicionar ao valor da coordenada horizontal (x). |
| y | Adicionar ao valor da coordenada vertical (y). |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou completamente essa propriedade pela primeira vez.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Notas:Os navegadores Internet Explorer 8 e anteriores não suportam o elemento <canvas>.
