Используете многоточие с TSPAN SVG?

Question

У меня есть страница, где мы используем SVG для визуализации диаграммы последовательности. Некоторые из представленных данных могут быть очень длинными, поэтому я хотел бы ограничить ширину элементов TSPAN и предоставить многоточие, позволяя пользователю наводить курсор на текст и показывать полный текст.

Первоначально я пытался использовать CSS в сочетании со свойством text-overflow, установив значение "ellipsis", которое является точным поведением, которое я ищу, но у него нет такой функциональности (большой облом), есть ли другой способ ограничить длину текста и разрешить отображение полного текста в действии, например при наведении курсора?

Answer 1

Создайте TSPAN с текстом многоточия и затем <title> элемент с полным текстом, например

<tspan>Really really...<title>Really really long text</title></tspan>