How to Center Text inside an SVG Path
You are part of the way there, but you have made a few mistakes. text-anchor=”center” is wrong. It should be text-anchor=”middle”. In addition, you should add startOffset=”50%” to the <textPath> element to specify that the text should be centred on the half-way point of the path. Finally you need to fix the path itself. You …