HTML5'те canvas элементи эмне?

HTML5'te <canvas> elementi grafikaları çizmek için kullanılan konteynerdir (genellikle JavaScript ile). Tarayıcıda eklentisiz dinamik görselleştirmeler, oýunlar ve animasiyalar yaratmağa imkan verir.

Əsas aspektlər:

• Piksel ilə çizim: Piksel səviyyəsində işləyir və hər bir şəkil elementinə tam nəzarət edir.
• API istifadə: <canvas> ilə qarşılıqlı əlaqə ən çox 2d kontekst vasitəsilə həyata keçirilir, bu ikiölçülü qrafika üçün ən yaygın API-dir. Həmçinin webgl 3D üçün mövcuddur.
• Boş platno: <canvas> elementi sadəcə konteynerdir. Bütün çizimlər proqramlaşdırma ilə həyata keçirilir.

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>

// Canvas elementini əldə edirik
const canvas = document.getElementById('myCanvas');

// 2D kontekstini alırıq
const ctx = canvas.getContext('2d');

// Bir düzbucaqlı çəkirik
ctx.fillStyle = "#FF0000"; // Doldurma rəngi
ctx.fillRect(0, 0, 150, 75); // x, y, en, hündürlük

İmkanlar:

• Əsas formalı şəkillər (xətlər, düzbucaqlı, dairələr, yaylar)
• Mətn
• Şəkillər
• Gradientlər və naxışlar
• Yollar (path) mürəkkəb fiqurlar üçün