Как лучше всего поместить текстовые токены рядом друг с другом в SVG, как в HTML?

Как лучше всего разместить текстовые токены рядом друг с другом внутри SVG, как в HTML?

Я хочу разбить текст на слова и поместить его в SVG, как если бы он был обычным текстом в HTML — все слова рядом друг с другом и разрывы строк, когда линия достигает границы SVG. Причина, по которой мне нужно разделить текст и SVG — мне нужно событие для каждого слова, рисовать что-то между словами и т. Д. Как это можно сделать с d3.js?

Простым решением будет явная установка координат для каждого слова, но я считаю, что есть лучшее решение.

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

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector