在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我不能更改SVG元素的viewBox和大小，也不能從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>