在html5畫布下的另一個圖像下繪製圖像

Question

我試圖在畫布內繪製一個關卡字段，因爲您可以看到。坦克和敵人圖像正在繪製在字段下方，希望發生是一個問題，因爲坦克和敵人應該移動歸檔圖像，這是一個的jsfiddle以上：http://jsfiddle.net/seekpunk/B2nUs/40/

for (x = 0; x < cw; x += 28) { 
     for (y = 0; y < ch; y += 28) { 
      Tiles.add(new Tile(x, y, 0, 0)); 
     } 
    } 

Answer 1

內容的順序將它呈現在上下文中呈現。要在遊戲區域的頂部繪製坦克和敵人，請確保先畫出遊戲區域（瓦片），最後繪製坦克和敵人。

有點像：

// Draw all the tiles 
ctx.drawImage(img....); 

// Draw the enemies 
ctx.drawImage(enemy...); 

// Draw the tank 
ctx.drawImage(tank...);