HTML5 Canvas

HTML5 Canvas Resim

HTML5 Canvas kullanarak bir resim çizmek için, bir resim nesnesi ve bir hedef nokta gerektiren drawImage() yöntemini kullanabiliriz. Hedef noktası, tuvalin sol üst köşesine göre görüntünün sol üst köşesini tanımlar.

DrawImage() yöntemi bir resim nesnesi gerektirdiğinden, önce bir resim oluşturmalı ve drawImage() öğesini başlatmadan önce yüklenmesini beklemeliyiz. Bunu image nesnesinin onload özelliğini kullanarak başarabiliriz.

Çıktı:

Kod:

 

Yorum bırak