Я пытаюсь отобразить текст в разных разделах 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
Мобильная версия