Latest web development tutorials

HTML-Leinwand drehen () -Methode

Canvas Object Reference Canvas - Objekt

Beispiele

Drehen Sie das Rechteck 20 Grad:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen drehen () -Methode.

Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.


Definition und Verwendung

drehen () Methode, um die aktuelle Zeichnung zu drehen.

Anmerkung: Die Drehung wird nur der Zeichnung nach der Beendigung der Drehung beeinflussen.

JavaScript-Syntax: Kontext .rotate (Winkel);

Parameter Wert

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

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


Canvas Object Reference Canvas - Objekt