Блог

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

Аннотирование может быть иерархическим. Например, группа может иметь аннотацию, охватывающую всю ширину группы, в то время как отдельные слова в группе также могут иметь свои собственные аннотации.

Я рассмотрел CSS, canvas и SVG. С последними двумя мне неясно, как расположить рендеринг таким образом, чтобы он совпадал с текстом. См.Пример разметки ниже.