在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...);