1.一开始的两个步骤不变
//封装一个获取绘图环境的函数function getCxt(){ var myCanvas = document.getElementById('floor'),
myContext = myCanvas.getContext('2d'); return myContext;
}//为了防止重复地获取节点影响性能,我们将获取到的绘图环境(也就是画笔对象)存起来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


