Абсолютное позиционирование текста в динамически изменяемой SVG

Question

У меня есть SVG-графика c, в которую я хочу добавить текст из моих PHP переменных. Графика c была сгенерирована в Illustrator и имеет размеры на моей веб-странице до 100% ширины. Вот его представление:

Как это можно сделать для 8 текстовых элементов? Нужно ли что-то особенное делать в Illustrator, например, создать опорную точку для текста? Как мне обновить текстовый элемент? Я провел исследование, но не смог найти подобную ситуацию.

Благодарен за любую информацию, которая может помочь мне сузить поиск.

Answer 1

Будучи кем-то, кто никогда раньше не работал с файлами типа .SVG, это было недоразумение.

Если вы проектируете график c в Adobe Illustrator, сохраните его как SVG и отредактируйте с помощью Ваш любимый текстовый редактор, вы сможете увидеть разметку SVG. Теперь все это имеет смысл, и здесь вы сможете изменить текст на уровне кода.

Для своего приложения я сохранил SVG в виде файла PHP и включил его, а изменение необработанного текста на PHP переменных в указанном файле. Это позволило мне передать мой динамический текст c в качестве переменных графу c.