Текстовый путь SVG , определить, когда текст выходит за пределы пути

У меня есть приведенный ниже код для отображения текста вдоль пути. Я планирую сделать что-то вроде динамического, где я могу просто вводить то, что хочу, и отображать это по пути. Еще не разработали, как это сделать, любые предложения в основном приветствуются.

Однако мой вопрос в том, как мне узнать, в какой точке текст выходит за конец пути и больше не отображается. Идея в том, что когда он работает динамически, если пользователь вводит предложение длиннее, чем может обработать путь, он сообщит вам, что текст будет обрезан с определенной точки. в этом случае пользователь видит только слова "The quick brown fox jum", поэтому я хочу, чтобы сообщение об ошибке, в котором говорилось, что "ps over the lazy dog" не может быть отображено, или, по крайней мере, как минимум, чтобы сказать "Предложение является слишком долго и не отображается полностью "

<?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>
5
задан Dinesh 23 July 2011 в 12:51
поделиться