Photoshop 그라디언트 효과를 얻기 위한 HTML5 튜토리얼_html5 튜토리얼 기술

<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>



;