沿着svg路径定位文本

Question

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

真正的方法可能更复杂，上面的示例仅用于说明。

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

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

但这并不合适。我猜这是因为pathes不是＆＃34; line＆＃34;，而是几何形式。因此，文本似乎可能不在路径中，而是在它的边界之后。

现在我想知道如何简化这一点。是否建议添加额外的行只是为了引领方式？

感谢您的任何指示。

Answer 1

在区域内绘制一条不可见的线条并将其用于文本流确实可以正常工作。