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 />vardraw=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>
<p>draw.fillStyle=grd; //塗りつぶしスタイルとして設定<br />draw.fillRect(50,50,200,50) //四角形に塗りつぶします<br />})<br /></script> 🎜>