1.一開始的兩個步驟不變
//封裝一個獲取繪圖環(huán)境的函數function getCxt(){ var myCanvas = document.getElementById('floor'),
myContext = myCanvas.getContext('2d'); return myContext;
}//為了防止重復地獲取節(jié)點影響性能，我們將獲取到的繪圖環(huán)境（也就是畫筆對象）存起來var oCxt = getCxt();
2.接下來對畫坦克的函數進行適當改寫，因為函數里重復代碼過多，同時，增加兩個顏色的參數，方便后面畫出不同的坦克：
//封裝一個畫坦克的函數，傳兩個參數x,y,分別代表左上角的橫縱坐標//再增加一個參數dir來表示方向 上下左右分別傳"u" "d" "l" "r"//再增加兩個參數color1與color2，用來表示坦克身上的兩種顏色，方便造出不同的坦克function drawTank(x,y,dir,color1,color2){ switch(dir){ case "u":
case "d":
oCxt.fil
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現JSON轉Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析
2017-07-26
- 集合結合數據結構來看看(二)
2017-07-26
學習是年輕人改變自己的最好方式