Canvas 上下文中的html5 div

Question

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

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

Answer 1

除了浏览器不支持 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>

希望这对您有所帮助。