HTML canvas rotate()Methode
Beispiel
Das Rechteck um 20 Grad drehen:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
Selbst ausprobieren »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die rotate()-Methode.
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
Definition und Verwendung
Die rotate()-Methode dreht die aktuelle Zeichnung.
Hinweis:Die Drehung wirkt sich nur auf Zeichnungen aus, die nach Abschluss der Drehung erstellt wurden.
| JavaScript-Syntax: | context.rotate(angle); |
|---|
Parameterwerte
| Parameter | Beschreibung |
|---|---|
| angle | Der Drehwinkel im Bogenmaß. Um Grad in Bogenmaß umzurechnen, verwenden Sie diedegrees*Math.PI/180-Formel zur Berechnung. Beispiel: Um 5 Grad zu drehen, geben Sie die folgende Formel an: 5*Math.PI/180. |
HTML-Canvas-Referenzhandbuch Weitere Erweiterungen