Método Canvas rotate()
definição e uso
rotate() método para girar o desenho atual.
exemplo
Gire o retângulo em 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);
valor do parâmetro
| parâmetro | descrição |
|---|---|
| angle |
ângulo de rotação, medido em radianos. Para converter ângulos em radianos, use a fórmula degrees * Math.PI / 180 para calcular. Exemplo: Para girar 5 graus, pode-se definir a seguinte fórmula: 5 * Math.PI / 180. |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a 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:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.
