有没有办法在html5画布上显示html元素“进度”？

Question

我在canvas中有一个HTML5和一个进度元素

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

我想知道是否可以使用JavaScript或其他方法在画布上绘制或显示进度元素。

谢谢。

Answer 1

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

它不完全是画布的一部分，而是'position：absolute;'加上设置顶部和左侧样式可以将其移动到画布顶部。

编辑：修正了错字