SVG Circled Text on textPath (wyrównanie do środka)

Mam problem z zakreślonym tekstem związanym z SVG. Moim celem jest stworzenie ścieżki, która pozwoli mi pisać na niej, ale także wyśrodkować tekst, wciąż śledząc moją ścieżkę - z górnej części okręgu.

Przykład

Tak to wygląda (obraz wewnątrz)

Problem

Obecnie używam kombinacji ścieżki textPath + do generowania ścieżki i zapisu na niej.

<svg>
<defs>
<path id="textPath" d="M 200 175 A 25 25 0 0 0 182.322 217.678" />
</defs>
<text x="25" y="0"><textPath xlink:href="#textPath" startOffset="0" >here goes my text</textPath></text>
</svg>

Próbowałem też pracować z biblioteką Raphael, ale poważnie nie mogę robić tego, co chcę. Czy jest ktoś, kto rzeczywiście zdołał to zrobić? Czy jest jakiś sposób, żeby to zrobić?

questionAnswers(1)

yourAnswerToTheQuestion