SVG-动态创建textpath的路径?

SVG-动态创建textpath的路径?,svg,text,Svg,Text,我希望在SVG中有一个沿路径半圆的曲线文本。我遵循了本教程,非常棒: 问题是,这里给出的路径只适用于前面的特定文本危险曲线。如果你只留下危险的单词,就会发生这样的情况:-它不再有效,文本在路径上的分布也不再均匀 我想让它工作,无论文本长度。如何实现这一点?这是假设初始文本大小35太小 设curveLength=curve.getTotalLength; 设fs=35//初始字体大小 test.setAttributesNull,style,`font size:${fs}px` whilete

我希望在SVG中有一个沿路径半圆的曲线文本。我遵循了本教程,非常棒:

问题是,这里给出的路径只适用于前面的特定文本危险曲线。如果你只留下危险的单词,就会发生这样的情况:-它不再有效,文本在路径上的分布也不再均匀


我想让它工作,无论文本长度。如何实现这一点?

这是假设初始文本大小35太小

设curveLength=curve.getTotalLength; 设fs=35//初始字体大小 test.setAttributesNull,style,`font size:${fs}px` whiletest.getComputedTextLength这是假设初始文本大小35太小

设curveLength=curve.getTotalLength; 设fs=35//初始字体大小 test.setAttributesNull,style,`font size:${fs}px` whiletest.getComputedTextLength 非常长的文本非常长的文本非常长的文本 使用属性,可以调整文本的长度和字母的高度,从而将所需长度的文本放置在固定长度的段上

非常长的文本非常长的文本非常长的文本
在原始示例中,文本也不是均匀分布在路径上,只是字体和字数与路径长度非常接近。如果您编写了一些javascript代码,您可以增加字体大小,直到它与路径长度匹配。在原始示例中,文本也不是均匀分布在路径上,只是字体和字数与路径长度非常接近。如果您编写了一些javascript代码,您可以增加字体大小,直到它与路径长度匹配。谢谢!我该怎么做才能让这个工作:?:谢谢我该怎么做才能让这个工作:?:谢谢你的回复。与其调整字体大小,我更愿意创建一个更长/更小且与文本宽度匹配的新路径。我不知道该怎么做。再次感谢你——这真的很有帮助!看起来你的数学很好:谢谢你的回答。与其调整字体大小,我更愿意创建一个更长/更小且与文本宽度匹配的新路径。我不知道该怎么做。再次感谢你——这真的很有帮助!看起来你的数学很好: