How to align text in an text tag without using the text-anchor attribute? My problem is that using the text-anchor will change the way the x and the y attributes are interpreted, and I don't want that, because I've perfectly set up the position of such element groups:
<text>
<tspan x="206" y="142.2">hello</tspan>
<tspan x="206" dy="15">there, all good?</span>
</text>
and I don't want it to be changed hence re-code the entire svg setup just for text layout purposes. If I for example apply a text-anchor="middle" here, this centers the texts okay, but it changes the x (206) to be the center of the text. I use the x value in my svg to place my text element at a precise spot in my system, hence other interpretations of x coordinates 1) break the entire layout, and 2) even make the precise placement of text elements impossible, as the inserted text may be of variable length, hence it becomes impossible to predict the needed x coordinate of a text tag to place it at the spot you want. So I figured there must be a better way to reach what I want?
You can manually center SVG text by adjusting the dx of each text fragment, using as input, the width that's returned from calling getComputedTextLength() on each fragment.