javascript - Canvas 元素内的输入表单

Question

我想知道是否有任何方法可以从用户那里获取输入，最好是通过 javascript 到 canvas 元素中的文本框(或用户可以看到他正在写的内容的任何地方)。

Answer 1

使用绝对定位将文本框定位在 Canvas 元素的顶部。

我建议的布局是这样的:

<div style="position:relative;width:800px;height:800px">
    <canvas width="800" height="800"></canvas>
    <input type="text" style="position:absolute;left:100px;top:300px;width:600px; etc...." />
</div>

有了这个，你就有了相对位置 <div>以你要弹出的东西为基础，我可能还会添加一个模态背景......

希望这对你有帮助-ck