Question

我有一个包含菜单的矩形。我需要这个矩形在游戏中的所有其他对象之上。请记住，没有CSS，只需javascript画布编程。我怎么能这样做？

如果您需要有关矩形的任何代码：

ctx.fillRect(0,0,width,100);

这就是我想知道的所有内容。

Answer 1

画布本身没有内置分层。但是你有多种选择：

在HTML文档中添加第二个画布，并使用CSS定位将其放在另一个画布对象上方。在上部画布上绘制矩形，在下部画布上绘制任何其他内容。上部画布上的任何透明像素都将显示下面画布的内容。
在任何其他绘图操作后重绘矩形。
使用绘图循环，用window.requestAnimationFrame擦除和重绘整个场景（任何足够复杂的游戏通常迟早会在那里结束）。按照您希望它们重叠的顺序绘制对象，这意味着您最后绘制所述矩形。