Javascript Html5画布，单击始终位于上方的图像

我已经用HTML5创建了一个带有画布的二维等轴测地图

因为我的瓷砖跟得很好，所以我把它们叠起来

因此，在：

\u tile.drawImage（）之后

当我尝试：

_tile.on("click", function(e) {
    this.opacity = this.opacity < 1 ? 1 : 0.5 ;
});

\u在（“单击”按钮上，功能（e）{
this.opacity=this.opacity<1？1:0.5；
});

我需要始终单击顶部的图像（z索引最大值）。实际上，当我点击时，我总是点击下面的图片

有什么想法吗？谢谢
 你用的是哪个图库？我用的是canva引擎。