HTML 5 ile gelen güzellikler arasında Canvas etiketi var, bu etiket JavaScript kullanarak programlı olarak çizimler yapmanın bir yoludur.
Bu makalede, örnekler ve bağlantılar ile neyin mümkün olduğunu gösteren Canvas’ın ayrıntılarını inceleyeceğiz.
Neden Canvas’a İhtiyacınız Var?

Canvas, tarayıcınızda görsel olarak bir şeyi temsil etmek için kullanılabilir. Örneğin:
- Basit diyagramlar
- Farklı kullanıcı arayüzleri
- Animasyonlar
- Grafikler
- Gömülü çizim uygulamaları
- CSS sınırlamaları etrafında çalışma
- Temel terimlerle, bu, çok basit bir piksel tabanlı çizim API’sıdır, ancak doğru şekilde kullanıldığında, bazı akıllıca şeylerin temel taşı olabilmektedir.
Kullanmaya Başlayalım
Canvas’ı kullanmak için, iki şeye ihtiyacınız olacak.
- Çizim tuvalini yerleştirmek için HTML’de bir Canvas etiketi
- Çizim yapmak için JavaScript
Canvas etiketi temelde herhangi bir veri içermeyen bir img etiketidir. Çizim alanı için bir genişlik ve yükseklik belirtirsiniz.