Задать вопрос
DrunkMaster
@DrunkMaster

Как привязать текст к родителю в SVG?

Пример https://codepen.io/anon/pen/VzjJQK
Последний блок g:
<g id="g12">
    <title>Заголовок 12</title>
    <desc>Текст 12</desc>
      <path id="path16" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#231f20;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M 482.25,470.173 H 260.693 V 607.898 H 482.25 Z" />
    <text x="30" y="90"  fill="#ED6E46" font-size="100" font-family="'Leckerli One', cursive">Watermelon</text>
  </g>

Понятно что отправной точкой текста являются в данном случае координаты 30х90, вопрос: как не указывать координаты вручную, а сделать так, что бы текст автоматически позиционировался внутри блока g id="g12" выровненным по ширине и высоте?
  • Вопрос задан
  • 93 просмотра
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы