SVG textpath, determine quando o texto vai além do caminho
Eu tenho o código abaixo para exibir o texto ao longo de um caminho. Estou planejando tornar o tipo de dinâmico, onde posso apenas digitar o que quero e ele será exibido ao longo do caminho. Ainda não descobrimos como fazer isso, todas as sugestões serão bem-vindas.
Seja como for a minha pergunta, como descubro exatamente em que ponto o texto vai além do final do caminho e não é mais exibido. A idéia é que eu a trabalhe dinamicamente, se o usuário digitar uma frase mais do que o caminho pode manipular, ele informará que o texto será cortado a partir de um certo ponto. neste caso, o usuário vê apenas as palavras "O raposa marrom raposa", antes que eu queira que a mensagem de erro diga "ps sobre o cachorro preguiçoso" não possa ser exibida ou, pelo menos, no mínimo com a palavra "A frase está muito longo e não é exibido na íntegra "
<?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>