JavaScript ile Tarayıcıda Canvas Kullanımı

JavaScript, HTML5 Canvas API’sini kullanarak 2D grafikler ve animasyonlar oluşturmanıza olanak tanır. Bir canvas elementine erişmek ve çizim yapmak için:

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// Dikdörtgen çiz
ctx.fillStyle = 'blue';
ctx.fillRect(10, 10, 150, 100);

// Çizgi çiz
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(200, 50);
ctx.stroke();

Canvas, oyun geliştirme, veri görselleştirme ve interaktif grafikler oluşturmak için sıkça kullanılır.