HTML5 Canvas

HTML5 Canvas Translate Kullanımı

HTML5 Canvas içeriğini çevirmek için, translate() transform yöntemini kullanabiliriz. Çevirme, tuvalin bütün parçalarını tek bir yöntemle hareket ettirmemizi sağlar. Örneğin, tuval üzerine karmaşık bir çizim çizen bir işleve sahipsek ve çizimin etrafını hareket ettirmek için bir yola ihtiyacımız varsa, bağlamı çevirmek tüm noktaların x ve y konumunu ayarlamaktan daha kolaydır. çizimi yap.

Dönüşümler, önce tuval bağlamını dönüştürerek ve sonra üzerine çizerek çalışır. Bu derste, tuval içeriğini tercüme edeceğiz ve sonra (0,0) pozisyonuna bir dikdörtgen çizeceğiz. Bağlam çevrildiğinden beri, dikdörtgen de çevrilecektir.

Çıktı:

Kod:

 

 

Yorum Yap

Yorum yapmak için tıklayın