Рендеринг текста из холста HTML5

Question

На моем веб-сайте есть холст, который рисует иерархию org.

которые содержат the name, email, department и т. Д. С изображением лица. Я запускаю тест автоматизации с использованием селена и хочу посмотреть, могу ли я получить текстовые данные с холста.

Есть ли способ, которым я могу получить эти данные на холсте в виде текста.?

Если я разрежу эту часть как изображение, есть ли какой-либо JS library, которые могут дать мне текст с этого изображения.

Может ли кто-нибудь помочь мне по этому вопросу?
Ваша помощь очень ценится.
С наилучшими пожеланиями.

Answer 1

Как только элементы на холсте визуализируются, они представляют собой векторное изображение. В элементах, которые вы использовали для создания своего изображения, нет распознавания объектов, и, следовательно, нет ничего, что хранит текст, который вы использовали в изображении.

Тем не менее, вы можете связать позиции изображения и характеристики с объектами программирования, вы можете сохранить текстовую информацию в структуре данных, которая обновляется одновременно с заполнением изображения холста.

Я имею в виду ... если вы используете некоторый поиск информации о базе данных, чтобы заполнить свой холст с помощью имени, электронной почты и данных отдела, вы можете сохранить эту информацию в структуре данных в дополнение к тому, чтобы нарисовать их в изображении холста.

Тогда просто извлечение значений, хранящихся на этом объекте, сделает трюк.

Answer 2

Что происходит на холсте, остается на холсте. Холст - это растровое изображение, поэтому любой текст, нарисованный на нем, растеризуется, а затем забывается. Единственный способ извлечь текст после этой точки - использовать OCR (и, поверьте, вы потратите больше времени на алгоритмы коррекции, чем фактический код). Но существует пара вариантов, если вы чувствуете мазохистство: Ocrad, Tesseract.

Однако, моя рекомендация: всегда отправляйтесь к источнику! Если вы можете получить доступ к исходному источнику текста (обычно используемому для рисования на холсте), используйте его вместо этого.