Estoy tratando de colocar algo de texto a través textPath
<svg id="svg1" style="overflow:visible;height:min-content"> <path id="path1" stroke="black" d="M 0 50 L 100 50" stroke-width="10" /> <text text-anchor="middle" > <textPath href="#path1" startOffset="50%" fill="red"> <tspan dy="26" rotate="180" font-size="100">O</tspan> </textPath> </text> </svg>Pero por alguna razón, este mismo código da una salida diferente para diferentes navegadores.
¿Cómo soluciono esto para que dé el mismo resultado independientemente del navegador que use?