Как выровнять текст внутри SVG ⇐ CSS

[Anonymous]

Я пытаюсь отобразить текст в разных разделах SVG. Из-за кривизны SVG я не смог сделать это без покупки различных плагинов для программного обеспечения, используемого для генерации SVG (большинство плагинов также не давали желаемого эффекта при использовании бесплатных пробных версий), поэтому я обратился к пытаюсь решить эту проблему с помощью HTML и CSS. Я нашел похожую тему, которая помогла мне получить текст в пределах путей SVG, но не в нужных местах.
Вот фрагмент HTML и CSS. Сейчас у меня есть:

Код: Выделить всё

path:hover {
fill: #9F1F;
cursor: pointer;
}

svg>text {
font-size: 24pt;
font-weight: 600;
fill: white;
}

Код: Выделить всё

Lorem Ipsum





Dolor Sit





Amet

Я ожидаю, что текст будет центрирован в фиолетовой части SVG. и я пробовал использовать позицию CSS, поля, отступы и т. д.

Подробнее здесь: https://stackoverflow.com/questions/785 ... e-of-a-svg