Принцип переноса текста в svg?

#html #svg

В svg нет тэга br и для переноса используются атрибуты тэга x и dy


    very long text
    I would like to linebreak
  


А какой принцип действия у этих атрибутов?
 Есть ли другие варианты переноса текста,  какой нибудь аналог br?
    

Ответы

Ответ 1

Аналогом 
 в SVG является тег -  , который размещается внутри  








"x", "y" - абсолютные координаты начала текста, рассчитывается от начала координат
исходного svg 

"dx", "dy" - относительные координаты, задают сдвиг, перенос части текста. 


К  можно применять стили:







  


Используя  координаты x и y для абсолютного позиционирования букв в слове,  можно
получить интересные результаты.  


                Выше,
            


Здесь координаты указаны парами для каждой буквы 










Ещё один способ использования  - размещение внутри него
символов Юникода.  Атрибуты "dx" и "dy"  используются для взаимного,
относительного позиционирования элементов.




   




Связанная тема: page-break-inside для SVG g тэгов?