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

Question

画布可以绘制文字，但不能创建输入文本框。这意味着必须在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=?替换为适当的位置。