Método HTML canvas rotate()

Definição e uso

rotate() Método para rotear o desenho atual.

Exemplo

Roteirizar retângulo 20 graus:

Seu navegador não suporta a tag HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50,20,100,50);

Experimente você mesmo

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>.