Аннотировать изображение на холсте текстом

#javascript #html5-canvas

#javascript #html5-холст

Вопрос:

У меня есть холст с изображением на нем. Когда пользователь нажимает на холст, я могу найти координаты x и y щелчка. Теперь я хочу открыть текстовое поле, в котором пользователь может что-то ввести и записать результат поверх изображения. есть идеи?

Комментарии:

1. Что-то вроде этого legndry.com/memebuilder ? Подробности см. В источнике, код немного длинный для публикации здесь.

Ответ №1:

Есть несколько способов, которыми я могу это сделать. Вероятно, самым простым было бы переместить временный ввод текста ( <input type="text" /> ) поверх холста, чтобы пользователь ввел его, а затем, когда они закончат, запишите текст на холст с fillText() помощью . Я бы лично сохранил текст в полях ввода как можно дольше, чтобы пользователь мог вернуться и отредактировать поля.