<title>HTML5 Multimedia Canvas</title>
<h1>canvas 요소에 원형 그래디언트 그리기</h1>
<canvas id="drawCanvas" width="300px" height="200px" style="border: 1px solid #993300">
이 문장은 사용자의 웹 브라우저가 canvas 요소를 지원하지 않을 때 나타납니다!
var paper = document.getElementById("drawCanvas");
var context = paper.getContext("2d");
var gradient = context.createRadialGradient(100, 100, 200, 150, 150, 30);
gradient.addColorStop(0, "black");
gradient.addColorStop(1, "white");
context.fillStyle = gradient;
context.fillRect(0, 0, 300, 300);