<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>호 그리기</title> </head> <body> <canvas id="myCanvas" width="700" height="500" style="border: 2px solid #cef"> </canvas> <script> const canvas = document.getElementById("myCanvas"); const ctx = canvas.getContext("2d"); for (let i = 0.5; i <= 2; i = i + 0.5) { ctx.beginPath(); ctx.arc(350, 250, i * 100, 0, Math.PI * i); ctx.stroke(); } </script> </body> </html>