HTML canvas rotate() Metode

❮ HTML-doekverwysing

Voorbeeld

Draai die reghoek 20 grade:

Jou blaaier ondersteun nie die HTML5-skerm nie.

JavaScript:

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

Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.

Method
rotate() Yes 9.0 Yes Yes Yes

Definisie en gebruik

Die rotate() metode draai die huidige tekening.

Let wel: Die rotasie sal slegs tekeninge beïnvloed wat gemaak is NADAT die rotasie gedoen is.

JavaScript-sintaksis: konteks .rotate( hoek );

Parameterwaardes

Parameter Description Play it
angle The rotation angle, in radians.

To calculate from degrees to radians: degrees*Math.PI/180.
Example: to rotate 5 degrees, specify the following: 5*Math.PI/180

❮ HTML-doekverwysing