Método HTML canvas rotate()
Definição e uso
rotate()
Método para rotear o desenho atual.
Exemplo
Roteirizar retângulo 20 graus:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rotate(20 * Math.PI / 180); ctx.fillRect(50,20,100,50);
Sintaxe
context.rotate(angle);
Valores dos parâmetros
Parâmetros | Descrição |
---|---|
angle |
Ângulo de rotação, em radianos. Para converter graus em radianos, use a fórmula degrees * Math.PI / 180 para calcular. Exemplo: Para girar 5 graus, você pode definir a seguinte fórmula: 5 * Math.PI / 180. |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Observação:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.