HTML5 Canvas Text Править

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

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