对齐 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>

我该怎么做？感谢您的任何提示。

附言我无法更改 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>