Javascript 有没有显示html元素的方法；“进展”；在html5画布上？

我在

HTML5

中有一个

canvas

和一个progress元素

<canvas id="canvas" height="500" width="900">Canvas</canvas>
<progress id="health" value="100" max="100" hidden="true"></progress>

画布

我想知道是否可以使用

JavaScript

或其他方法在画布上绘制或显示进度元素

---

谢谢。

您还可以保留一个DOM元素，并使用CSS将其放置在画布顶部

它并不完全是画布的一部分，而是“位置：绝对；”另外，设置顶部和左侧样式可以将其移动到画布顶部

---

编辑：修复了键入错误

DOM元素未进入画布标记的问题。画布用于绘制，而不是显示DOM元素。你需要创建一个为画布制作的进度条。谢谢你的解释。我本想提出这个建议的。这非常简单，可能不会引起任何问题。