画布上下文中的html5 div

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

---

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

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

你的内容

---

希望这会有所帮助。

不支持画布的旧浏览器应该显示这些div。正如您可以轻松尝试的那样，其他浏览器将在dom树中存储div，但不会显示它。因此，您应该能够执行一些dom语义，但您必须在画布上绘制它们，以供支持它的浏览器使用

---

如果要使用画布显示div并在其上绘制，则必须使用定位来显示它们。

例如，我在画布内绘制了4个矩形，我想在其中存储一些信息，例如矩形的名称、矩形的描述、，某个id表示它对应于db表中的一行。我可以将详细信息存储在画布元素中吗？例如，您可以在WPF中这样做。或者我必须将它们存储在Javascript上吗？画布用于绘制，因此我认为没有任何元数据可以与绘制的任何元素相关联。您必须使用JavaScript来实现这一点。