javascript - 扩展 SVG 路径

Question

在我的一个应用程序中，我正在使用以下代码创建一个 SVG 路径

var points="M1180,401 S1180,476 1030 476 L100, 476";
createPath(points, id, name);


   function createPath(points, id, nane) {

                var shape = document.createElementNS(svgNS, "path");
                shape.setAttributeNS(null, "d", points);
                shape.setAttributeNS(null, "class", "path");
                shape.setAttributeNS(null, "id", id);
                document.getElementById("holder").appendChild(shape);
                return id;
}

这将在我的 SVG 中创建一个路径（名为“holder”）。在按钮按下事件中，我需要延长它的长度。由于该 SVG 中有不止一个路径，所以我们不能拿它点。

请帮忙谢谢

Answer 1

如果您保持 id 唯一性，您可以使用它来检索您的形状document.getElementById(id)并从那里修改路径。