tutoriais mais recente desenvolvimento web
 

HTML canvas rotate() Method

<HTML Canvas Referência

Exemplo

Gire o retângulo de 20 graus:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o método.

Método
rotate() sim 9 sim sim sim

Definição e Uso

O rotate() método gira o desenho atual.

Nota: A rotação só irá afectar desenhos feitos após a rotação é feito.

sintaxe JavaScript: context.rotate( angle );

Os valores dos parâmetros

Parâmetro Descrição Jogue
angle O ângulo de rotação, em radianos.

Para calcular de graus em radianos:graus* Math.PI / 180.
Exemplo: para girar 5 graus, especifique o seguinte: 5 * Math.PI / 180
Jogue "

<HTML Canvas Referência