HTML5 Canvas

HTML5 Canvas Rotate Kullanımı

HTML5 Canvas’ı döndürmek için rotate() transform yöntemini kullanabiliriz. Döndürme dönüşümü radyan cinsinden bir açı gerektirir. Dönme noktasını tanımlamak için, önce tuval bağlamını, bağlamın sol üst köşesinin istenen dönüş noktasında olacak şekilde çevirmemiz gerekir. Bu derste, tuval içeriğini, içeriğin sol üst köşesinin doğrudan dikdörtgenin ortasına gelecek şekilde çevirdik; bu, dikdörtgenin merkezi etrafında bir dönüş oluşturur.

Çıktı:

Kod:

 

Yorum Yap

Yorum yapmak için tıklayın