Пример
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" выровненным по ширине и высоте?