画布元素上的HTML文字区域

我一直在画布上的文字,虽然很容易绘制,但并不容易与之互动.我开始执行键盘按钮功能来更新画布上的文本,但是当我意识到我必须包含剪切,复制,过去和撤消功能时,放弃了.

有没有反对“浮动”html元素在彼此之上？例如,我可以将文本字段浮动到我画布的某些部分的顶部,禁用边框并将颜色设置为画布颜色？

谢谢

解决方法

您可以使用带有 z-index: 1的CSS position: absolute属性将元素放在画布上方.

编辑：添加一个例子：这里包含“1234”的div在包含“abcd”(可以替换为canvas元素)的div顶部浮动,

<div id="wrapper">
    <div style="position: absolute; left: 10px; top: 10px; width:200px; height:100px; background-color: yellow;">
        abcd
    </div>
    <div style="position: absolute; z-index: 1; left: 50px; top: 20px; width:100px; height:20px; background-color: green;">
        1234
    </div>
</div>