<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>원형 그레이디언트 만들기</title> </head> <body> <canvas id="myCanvas" width="700" height="400" style="border: 2px solid #cef"> </canvas> <script> const canvas = document.getElementById("myCanvas"); const ctx = canvas.getContext("2d"); let gradient = ctx.createRadialGradient(350, 200, 150, 300, 120, 10); gradient.addColorStop(0, "blue"); gradient.addColorStop(1, "white"); ctx.beginPath(); ctx.arc(350, 200, 150, 0, 2 * Math.PI); ctx.fillStyle = gradient; ctx.fill(); </script> </body> </html>