Canvas rotate() metode

Definition og brug

rotate() Metode til at rotere det aktuelle tegning.

Eksempel

Rotér rektangel 20 grader:

Din browser understøtter ikke HTML5 canvas tag.

JavaScript:

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

Prøv det selv

Syntaks

context.rotate(angle);

Parameterværdi

Parameter Beskrivelse
angle

Rotationsvinkel, målt i radianer.

Hvis du vil konvertere vinkler til radianer, brug formlen degrees * Math.PI / 180 til beregning.

Eksempel: Hvis du vil rotere 5 grader, kan du specificere nedenstående formel: 5 * Math.PI / 180.

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.