画布上下文中的html5 div

Question

我开始在我的网站上使用 html5 画布对象，我想在画布上绘制矩形（或其他形状，根据我的应用程序）。我可以使用上下文对象在矩形上书写文本。

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

Answer 1

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

<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>

希望这会有所帮助。