Javascript Canvas 重叠来自不同图层绘图的图像

Question

我在 html 画布中创建了一个棋盘游戏模拟并需要帮助。

游戏从多个层面借鉴主要背景。

目前有 5 名玩家，每名玩家有 2 张牌。如果玩家 1 将他的一张牌抓到另一位玩家（例如玩家 5）牌上方，则该牌位于该牌下方，如图所示。

我尝试使用不同的

context.globalCompositeOperation

设置，但它不起作用。

有什么想法可以解决这个问题吗？

Answer 1

画布上无法控制 z 顺序。只能清理内容，重新重新绘制。您也可以了解它这里。