私のアプリケーションの1つで、次のコードで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 (「ホルダー」という名前) にパスが作成されます。さらにボタンを押すイベントでは、その長さを伸ばす必要があります。その SVG には複数のパスがあるため、ポイントを取ることはできません。
助けてくださいありがとう