tutoriais mais recente desenvolvimento web
 

HTML canvas rotate() Method

<Object Canvas

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 navegador

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

Método
rotate() 4.0 9 3,6 4.0 10.1

Definição e Uso

A rotate() método gira o desenho actual.

Note: A rotação só afetará 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: degrees * Math.PI / 180.
Exemplo: a rodar 5 graus, especificar o seguinte: 5 * Math.PI / 180
Jogue "

<Object Canvas