Javascript 沿svg路径定位文本

我想在任意SVG路径之后添加文本元素。下面是一个非常简单的示例图像

实际路径可能更复杂，上面的示例仅用于说明

目前，我使用jQuery SVG库执行以下操作：

var texts = svg.createText();
var textOutput = texts.string('').span(customText.content);
svg.textpath(textStyle, '#' + textPath.attr('id'), textOutput);

但这并不太合适。我猜这是因为路径不是“线”，而是几何形状。因此，文本可能不位于路径内部，而是沿着其边框

现在我想知道如何简化这个过程。是否建议只为带路而增加额外的线路

---

谢谢你的指点。

在区域内画一条不可见的线，并将其用于文本流确实很好。

沿椭圆长轴画一条不可见的线，并将文本放在上面。也许这个答案会有帮助？我不知道你想干什么。答案应该适用于任何路径，无论是多边形还是其他。是的，我想我会选择看不见的线。非常感谢。您的文本是否需要遵循路径。如示例所示，如果只是生成有角度的文本，则不需要使用文本路径。是的，它需要遵循路径。上面的示例只是一个非常简单的示例。想象文本需要考虑的任意曲线。