HTML5 Canvas Text Править

Question

HTML5 Canvas Text Править

У меня есть текст, заполненный на холсте HTML5, используя fillText(); Как сделать его редактируемым и прочитать значение в переменную? Текст должен быть внутри холста, так как он будет написан внутри какой-то сложной формы многоугольника.

4

javascript html5 canvas text edit

Источник

user861287 25 июл '11 в 09:52

3 ответа

Другие вопросы по тегам javascript html5 canvas text edit

user213269 25 июл '11 в 11:10 2011-07-25 11:10 · Answer 1 · 2011-07-25 11:10

Вы не можете получить текст с холста. Что вам нужно сделать, это сохранить текст в переменной, прежде чем использовать fillText(); и визуализировать холст. Если вы хотите отредактировать текст на холсте, вам нужно снова нарисовать холст и снова прочитать текст из переменной, когда вы хотите визуализировать отредактированный текст с помощью fillText();,

user380609 05 окт '13 в 21:04 2013-10-05 21:04 · Answer 2 · 2013-10-05 21:04

Посмотрите на Зебру. Это набор виджетов, которые отображаются на HTML-холсте, и один из виджетов представляет собой текстовый редактор. Похоже, это бесплатно, с открытым исходным кодом, и в дополнение к предоставлению ссылок на свои файлы js, у них есть Git архив на GitHub. http://www.zebkit.org/

user555699 26 июл '11 в 10:10 2011-07-26 10:10 · Answer 3 · 2011-07-26 10:10

Как только текст рисуется на холсте, он становится пикселями. Исходный текст (и контур многоугольника) не будут сохранены. Вы не можете получить его обратно с холста, как вы не можете получить его от jpg или же png файл.

Если холст нарисован вашим JavaScript, вы можете сохранить текст в другом месте. Если нет, то вы должны это сделать.