javascript - 有没有办法在 html5 Canvas 上显示 html 元素 "progress"?

标签 javascript html html5-canvas

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

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

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

谢谢。

最佳答案

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

它并不完全是 Canvas 的一部分,而是“position:absolute;”再加上设置顶部和左侧样式可以将其移动到 Canvas 顶部。

编辑:修正了一个拼写错误

关于javascript - 有没有办法在 html5 Canvas 上显示 html 元素 "progress"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55736774/

相关文章:

html - 在另一个 DIV 中使 div 100% 高度

javascript - 如何用 JavaScript 编写这个基本的 Circle 语句?

javascript - 如何获取选中Tab的URL

javascript - 用户单击组合框后重新加载页面(有一些规则)

javascript - 在 Javascript 中将字节转换为 KB/MB

javascript - 如何翻转 HTML Canvas 上绘制的路径

javascript - 为什么我们不能使用 css 为 Canvas 设置宽度和高度

javascript - 数据库为空时获取未定义

javascript - 迭代多个 <ul> 项以使 jQuery 脚本无需重复代码即可工作

javascript - 添加 ng-repeat 导致错误 : $compile:ctreq