D3.js 如何创建灵活的D3 svg多段线

我像这样创建多段线

sampleSVG.append("polyline")     
    .style("stroke", "black")
    .style("fill", "none")
    .attr("points", "10,10,15,10,15,30,30,30");

我想在拖动多段线的中间部分后更改此多段线形状。如何将此功能添加到多段线。是否需要删除当前多段线并根据更改创建新的多段线，或者是否有任何方法来执行此操作

---

您可以使用SVG DOM向多段线添加新点：