Canvas 上下文中的html5 div

标签 html canvas

我开始在我的网站上使用 html5 canvas 对象,我想在 Canvas 上绘制矩形(或根据我的应用程序绘制其他形状)。我可以使用上下文对象在矩形上书写文本。

我想做的是我想在矩形中放置一个 div 元素。所以我可以在语义上处理我在 Canvas 上的对象,比如在矩形内放置一个段落和一个边框等,在对象中存储一些琐碎的数据。那可能吗?

最佳答案

除了浏览器不支持 HTML5 和 Canvas 时将显示的元素外,canvas 标签内没有任何内容。如果您想在 DIV 中显示常规 HTML 元素,您可以简单地将其绝对定位,使其 float 在 Canvas 上方:

<canvas height="100" width="200" style="position:absolute;left:10;top:10"></canvas>

<div id="yourDiv" style="position:absolute;left:20;top:20">Your content</div>

希望这对您有所帮助。

关于 Canvas 上下文中的html5 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8401864/

相关文章:

javascript - 如何使用带有 webpack 的 npm install 来使用 normalize.css?

javascript - 如果每个字符串包含 jQuery 中的特定字符,则打印每个字符串?

javascript - 无法通过 HTML 在屏幕上显示 Canvas

c# - WPF以编程方式在项目控件中滚动 Canvas

android - 用润色结束 Canvas

javascript - 有多个具有相同属性(类、类型、值等)的按钮,它们在调用时可以 "point out"其父 DIV?

html - 使上一个/下一个按钮在 iOS 上的复选框上起作用

html - Wordpress 全宽页脚不起作用

canvas - Fabric.js 中单位的混淆

javascript - 缩放 fabric.js Canvas 对象