Canvas'ta daire çizmek için aşağıdaki adımlar izlenebilir: 1. HTML kodu: ```html <canvas id="canvas" width="578" height="200"></canvas> ``` 2. JavaScript kodu: ```javascript var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var centerX = canvas.width / 2; var centerY = canvas.height / 2; var radius = 70; context.beginPath(); context.arc(centerX, centerY, radius, 0, 2 Math.PI, false); context.fillStyle = 'green'; context.fill(); context.lineWidth = 5; context.strokeStyle = '#003300'; context.stroke(); ``` Bu kod, merkez noktası (centerX, centerY) olan ve yarıçapı (radius) 70 olan bir daire çizer. Açıklama: `beginPath()`: Çizime başlar. `arc(x, y, radius, startAngle, endAngle, clockwise)`: Belirtilen parametrelere göre daire çizer. `fill()`: Daireyi doldurur. `stroke()`: Çizgiyle sınırlar.