HTML5 선, 원, 직사각형 그리기
http://ajax.googleapis.com/ajax/libs/jquery/ 1.7.1/jquery.min.js">>
<script><br>$(document).ready(function() {<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //2D 콘텐츠에 대한 참조를 가져오고 드로잉 API를 호출합니다</p>
<p>//그라디언트 블록 지정<br>var grd=draw.createLinearGradient(50,50,200,50); //좌표, 길이 및 너비<br>grd.addColorStop(0,"black") //시작 point Color<br>grd.addColorStop(1,"green") //색상 끝
<p>draw.fillStyle=grd; //채우기 스타일로 설정<br>draw.fillRect(50,50,200,50); //직사각형 안에 채우기<br>})<br></script>