Javascript 如何在SVG中沿整个文本路径扩展文本

如何扩展路径（）上的文本，使其跟随整个textPath

我尝试过使用值

stretch

，但它没有像我期望的那样工作-它没有沿着路径拉伸文本

---

是否有一种方法可以在所有浏览器中使用此功能？

在整个文本路径上分布文本的方法是使用

textLength

属性。另请参阅，了解如何计算

textLength

的良好值。以下是如何做到这一点：

<svg viewBox="0 0 500 300" version="1.1">
     <defs>
         <path id="s3" d="M 10,90 Q 100,15 200,70" />
     </defs>
     <text font-size="20">
         <textPath xlink:href="#s3" textLength="205">
           Short text
         </textPath>
     </text>
     <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/>
 </svg>

短文

可视示例：

---

以下是Firefox不支持

textLength

的错误报告：

您的意思是让文本在路径的整个长度上都合适吗？或者你说的是

方法

属性，是的，我指的是方法属性-这是屏幕截图。我的问题是我不能按属性方法拉伸。你想要的是这种效果吗？（在Opera和Chrome中工作）是的，这就是我想要的。但它如何影响到其他支持svg的浏览器呢？