Latest web development tutorials

rotate canvas HTML () Método

HTML Manual de lona Referência HTML Manual de lona Referência

Exemplos

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 »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari suporte girar () método.

Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.


Definição e Uso

gire método () para girar o desenho atual.

Nota: A rotação só irá afectar o desenho após a conclusão da rotação.

sintaxe JavaScript: .rotate contexto (angle);

parâmetro Valor

参数 描述
angle 旋转角度,以弧度计。

如需将角度转换为弧度,请使用degrees*Math.PI/180 公式进行计算。
实例:如需旋转 5 度,可规定下面的公式:5*Math.PI/180。


HTML Manual de lona Referência HTML Manual de lona Referência