svg - svg 路径中​​的注释

Question

我正在试验 jquery 和 svg，我组成了我的路径，但现在我想改变它(基于一些用户输入)我做了类似 var dpath = $('path').attr("d");
$('path').attr("d",dpath.replace("150 150", "450 450"));

效果很好，但是当我的路径增长时这没有用，所以我想知道是否有可能在路径中放置标签或注释作为替换钩子(Hook)？
搜索“svg 路径评论”会给我论坛中所有带有“评论”的条目，这不是很有用。我即将编写自己的“可替换”伪 svg 路径代码，但在 svg 中是否有替代方案？
问候，
杰罗恩。

Answer 1

SVG 有一个指向路径元素的非序列化形式的接口(interface)。它的描述在the SVG spec .您应该能够通过添加自己的属性作为标记来扩展对象。

我从未使用过该接口(interface)，但您应该能够通过使用 pathSegList 属性(在 SVGAnimatedPathData 中定义)通过执行 $("path")[0].pathSegList 的操作来访问路径段列表。 ([0] 是为了获取实际的 DOM 元素而不是 jQuery 对象)