Выровнять текст внутри элемента SVG

Question

У меня есть элемент SVG, и я хочу выровнять текст по осям x и y внутри.

<svg width="90px" height="90px" viewBox="-9 -3 90 76" style="border: 1px solid black;">
  <g>
     <text>Lorem</text>
  </g>
</svg>

Как я могу это сделать?Спасибо за любые подсказки.

PS Я не могу изменить viewBox и размеры элемента SVG или переместить текст за пределы элемента g.

Answer 1

Проверьте фрагмент ниже:

<svg width="90px" height="90px" viewBox="-9 -3 90 76" style="border: 1px solid black;">
   <g>
      <text x="40%" y="50%" text-anchor="middle">Lorem</text>
   </g>
</svg>

Вы можете найти больше информации в этом ответе: Как разместить и отцентрировать текст в прямоугольнике SVG

Answer 2

Я не знаю, если это то, что вы ищете

     <text x="45" y="0">Lorem</text>