Создание входного текстового поля в точном положении на холсте?

Canvas может рисовать текст, но не может создавать текстовое поле ввода. Это означало бы, что нужно сделать это в html, но тогда как вы можете быть уверены, что это текстовое поле расположено именно там, где вы хотите?

Я хочу иметь возможность делать это программно во время выполнения.


person user310291    schedule 19.03.2012    source источник


Ответы (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=? соответствующими позициями.

person Software Enthusiastic    schedule 20.03.2012
comment
Спасибо, а что, если мне нужно программно переместить ввод? - person user310291; 21.03.2012
comment
Предполагая, что вы используете библиотеку jquery, сделайте это. $('#input').css({ сверху: topPos, слева: leftPos}); - person Software Enthusiastic; 22.03.2012