Input
Output
<html> <body> <canvas id="circleCanvas" width="200" height="200" style="border:1px solid #000;"></canvas> <script> const canvas = document.getElementById('circleCanvas'); const ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.arc(100, 100, 50, 0, 2 * Math.PI); // x, y, radius ctx.fillStyle = 'skyblue'; ctx.fill(); ctx.stroke(); </script> </body> </html>