Canvas rotate() yöntemi

Tanım ve kullanım

rotate() Geçerli çizimi döndürme yöntemi.

Örnek

Dikdörtgeni 20 dereceye döndürün:

Tarayıcınız HTML5 canvas etiketini desteklememektedir.

JavaScript:

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

Kişisel olarak deneyin

Gramer

context.rotate(angle);

Parametre değeri

Parametre Açıklama
angle

Dönme açısı, açı olarak ölçülür.

Açıları açıya dönüştürmek için degrees * Math.PI / 180 formülünü kullanarak hesaplayın.

Örnek: 5 derece döndürmek için aşağıdaki formülü belirtebilirsiniz: 5 * Math.PI / 180.

Tarayıcı Destek

Tabloda numaralar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

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

Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> öğesini desteklememektedir.