我有以下代码在路径上显示文本.我打算做一些动态,我可以输入我想要的东西,然后沿路径显示它.还没有找到如何做到这一点,任何建议都将受到欢迎.
不过我的问题是,如何准确地找出文本超出路径末尾的位置,并且不再显示.这个想法是当我让它动态工作时,如果用户输入的句子长于路径可以处理的句子,它会告诉你文本将从某个点切断.在这种情况下,用户只能看到"快速的棕色狐狸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>