在Canvas上的精确位置创建输入TextField？

Question

Canvas可以绘制文本，但无法创建输入文本字段。这意味着必须在html中执行此操作，但是您如何确保将该文本字段准确定位到您想要的位置？

我希望能够在运行时以编程方式执行此操作。

Answer 1

创建以下HTML结构以将输入框放置在画布上。

<div id="container" style="width:500px; height:500px; position:relative;">
    <canvas id="drawing-surface" width="500px" height="500px"></canvas>
    <input type="text" style="position:absolute; left=?; top=?;" />
</div>

希望这能解决您的问题。将left=?和top=?替换为适当的位置。