Javascript 为什么'；我的文本框是否显示在画布元素上？

我想使用Raphael.js并为我的站点创建一些漂亮的图表/SVG图形。我希望用户能够通过正常html中的

元素输入文本内容

我是否可以在

元素上使用此元素，这样我就可以让我的用户以这种方式输入文本，或者我必须通过监听击键并在元素上绘制字符来滚动自己的元素

重新表述问题

如果我这样做，为什么看不到文本字段：

<canvas style="background-color:blue;height:100px;width:100px>
    <input type="text" style="background-color:white;z-index:101" />
</canvas>

---

对于不了解canvas元素的旧浏览器，需要有某种方法回退到其他内容（如静态图像或文本“获取支持canvas的浏览器”）。canvas元素的子元素就是为此而指定的

但是，您可以使用（相对或静态）将输入放置在画布上：



.
对于不理解画布元素的旧浏览器，需要有某种方法回退到其他内容（如静态图像或文本“获取支持画布的浏览器”）。canvas元素的子元素就是为此而指定的

但是，您可以使用（相对或静态）将输入放置在画布上：



.
谢谢你的回答。我很惊讶没有更多关于这类事情的信息，因为我想很多人都会想做同样的事情。谢谢你的回答。我很惊讶没有更多关于这类事情的信息，因为我本以为很多人也会想做同样的事情。
<canvas style="background-color:blue;height:100px;width:100px">
</canvas>
<input type="text" style="z-index:101; position:absolute; top:10px; left:10px;"/>