入門講解HTML5的畫布功能（2）

前面咱們提到了JS代碼中繪製的紅色長方形，那麼咱們如今用這些代碼再來看看具體是表示什麼意思。代碼以下

<script type="text/javascript">
var Canvas=document.getElementById("myCanvas"); 
varContext=c.getContext("2d");

Context.fillStyle="#FF0000";

Context.fillRect(0,0,150,75);

 </script>

其實理解能力稍微強一點的小夥伴都應該看出來了，在第一行呢是獲取ｃａｎｖａｓ對象，而第二行中呢getContext("2d") 對象是內建的 HTML5 對象，擁有多種繪製路徑、矩形、圓形、字符以及添加圖像的方法。很顯然咱們這裏用到的是最原始的２Ｄ方法。第三行是給到繪製圖形的填充顏色，格式與通常的ＣＳＳ樣式沒有區別。而第四行則是圖形的內部參數，４個參數咱們用（ａ，ｂ，ｃ，ｄ）分別來表示。其中ａ，ｂ表示繪製始點座標，也就是本例中長方形左上角的座標，而ｃ，ｄ呢天然而然的也就是長方形的長寬了。具體的一些東西能請查詢Ｗ３Ｃ的手冊，謝謝。