var myCarvas=documentgetElementById#39mycarvas#39mycarvas畫布的id var ctx=myCarvasgetContext#392d#39繪制矩形 ctxbeginPathctxfillStyle=#39#ff0000#39填充顏色 ctxfillRect5，5，100，100填充。

5這里出現(xiàn)的是Html文件版本的選擇，不同的版本使用不同的模板，當(dāng)然也可以修改和創(chuàng)建自己的模板6選擇New HTML File 7點擊Finish 8打開indexhtml，會看到類似下面的代碼，這些都是模板自動生成的9到目前為止。

ltbody style=’position absolute padding0 margin0 height 100% width100%’ ltcanvas id=”gameCanvas”ltcanvas ltbody lthtml 如果你載入以上代碼，當(dāng)然什么也不會出現(xiàn)那是因為雖然我們有一個c。

3寫一個更新的函數(shù)，因為我們要讓他動起來，所以每時刻繪制的地方都不一樣注意這里要用clearRect，這個函數(shù)，主要是為了清空畫布4寫定時函數(shù)，每隔02秒就更新一次，重新繪制5最后來看看最終的效果，就完成。