Создание ввода 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=? соответствующими позициями.