Html 如何使画布标记固定在适当的位置，而不随内容滚动？

我有一个简单的html页面设置，带有覆盖整个视图的画布标记，画布标记顶部的内容更深，因此当我滚动页面时，我希望画布始终可见，而不是与页面的其余部分一起滚动，任何帮助都将不胜感激

---

到目前为止，我的研究告诉我如何使用CSS将背景图像固定到其位置，但这些技术不适用于画布标记，据我所知，

您可以在画布标记上使用CSS的固定位置：

---

将需要位置：固定，像任何其他标记html

canvas {
  position: fixed;
}