Tengo el siguiente código para mostrar texto a lo largo de una ruta. Estoy planeando hacer una especie de dinámica donde simplemente puedo escribir lo que quiero y lo muestra a lo largo del camino. Todavía no he resuelto cómo hacerlo, cualquier sugerencia sería bienvenida.

Sin embargo, mi pregunta es, ¿cómo puedo saber exactamente en qué punto el texto va más allá del final del camino y ya no se muestra. La idea es que cuando lo haga funcionar dinámicamente, si el usuario escribe una oración más larga de lo que la ruta puede manejar, le dirá que el texto se cortará desde cierto punto. en este caso, el usuario solo ve las palabras "The quick brown fox jum", por lo tanto, quiero que el mensaje de error que diga "ps sobre el perro perezoso" no se pueda mostrar o al menos al menos al decir "La oración es demasiado largo y no se muestra en su totalidad "

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg viewBox = "0 0 500 300" version = "1.1">
    <defs>
      <path id = "s3" d = "M 10,90 Q 100,15 200,70 "/>
    </defs>
    <g>
        <text font-size = "20">
            <textPath xlink:href = "#s3">
                The quick brown fox jumps over the lazy dog                
            </textPath>
        </text>
        <use x = "0" y = "0" xlink:href = "#s3" stroke = "black" fill = "none"/>
    </g>
</svg>