如何让一个矩形位于 javascript canvas 中所有其他矩形的顶部？
How can I make a rectangle be on top of all other rectangles in javascript canvas?
我有一个包含菜单的矩形。我需要这个矩形位于游戏中所有其他对象的顶部。请记住，没有 css，只是 javascript canvas 编程。
我该怎么做？
如果您需要任何关于矩形的代码：
ctx.fillRect(0,0,width,100);
我想这就是您需要知道的全部内容。
canvas 本身没有内置分层。但是你有多种选择：
向您的 HTML 文档添加第二个 canvas，并使用 CSS 定位将其放置在另一个 canvas 对象之上。在上方 canvas 绘制矩形，在下方 canvas 绘制任何其他内容。上方 canvas 的任何透明像素将显示下方 canvas 的内容。
在任何其他绘图操作后重新绘制矩形。
使用绘图循环，您可以使用 window.requestAnimationFrame 擦除并重新绘制整个场景（任何足够复杂的游戏通常迟早都会在那里结束）。按照您希望它们重叠的顺序绘制对象，这意味着您最后绘制所述矩形。
我有一个包含菜单的矩形。我需要这个矩形位于游戏中所有其他对象的顶部。请记住，没有 css，只是 javascript canvas 编程。 我该怎么做？
如果您需要任何关于矩形的代码：
ctx.fillRect(0,0,width,100);
我想这就是您需要知道的全部内容。
canvas 本身没有内置分层。但是你有多种选择：
向您的 HTML 文档添加第二个 canvas，并使用 CSS 定位将其放置在另一个 canvas 对象之上。在上方 canvas 绘制矩形，在下方 canvas 绘制任何其他内容。上方 canvas 的任何透明像素将显示下方 canvas 的内容。
在任何其他绘图操作后重新绘制矩形。
使用绘图循环，您可以使用
window.requestAnimationFrame擦除并重新绘制整个场景（任何足够复杂的游戏通常迟早都会在那里结束）。按照您希望它们重叠的顺序绘制对象，这意味着您最后绘制所述矩形。