Canvas rotate() metod

Canvas-referenshandbok

Definition och användning

rotate() Metoden roterar det aktuella ritandet.

Exempel

Rotera rektangeln 20 grader:

Din webbläsare stöder inte HTML5 canvas-taggen.

JavaScript:

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

Prova själv

Syntax

context.rotate(angle);

Parametervärde

Parameter Beskrivning
angle

Rotationsvinkel, i radianer.

För att konvertera vinklar till radianer, använd formeln degrees * Math.PI / 180 för att beräkna.

Exempel: Om du vill rotera 5 grader, kan du specificera följande formel: 5 * Math.PI / 180.

Webbläsarstöd

Numreringen i tabellen anger den första webbläsarversionen som helt stöder detta egenskap.

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

Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.

Canvas-referenshandbok