【发布时间】：2016-07-18 00:50:32
【问题描述】：
我想在任意 SVG 路径之后添加文本元素。下面是一个非常简单的示例图片。
实际路径可能更复杂，以上示例仅用于说明。
目前我使用 jQuery SVG 库执行以下操作：
var texts = svg.createText();
var textOutput = texts.string('').span(customText.content);
svg.textpath(textStyle, '#' + textPath.attr('id'), textOutput);
虽然这不太合适。我猜这是因为路径不是“线”，而是几何形式。所以文本似乎可能不在路径内，而是沿着它的边界。
现在我想知道如何简化这一点。是否建议添加额外的线路只是为了引领潮流？
感谢您的任何指点。
【问题讨论】：
-
沿着椭圆长轴画一条不可见的线，然后把文字放在上面。
-
也许这个答案会有所帮助？ stackoverflow.com/questions/6999281/… 不知道我理解你想要做什么。那里的答案应该适用于任何路径，无论是折线还是其他。
-
是的，我想我会选择隐形线。谢谢！
-
您的文本是否真的需要遵循路径。如果如您的示例所示，您只是生成有角度的文本，那么您不需要使用文本路径。
-
是的，它需要遵循一个路径。上面的示例只是一个非常简单的示例。想象一下文本需要考虑的任意曲线。
标签： javascript jquery svg path