如何使用svg.js向已创建的多边形添加点

Question

我编写了一些代码，该代码确定用户何时单击靠近边缘的多边形。我收集了鼠标坐标，并希望将此点添加到多边形。为此，我要在正确的位置向poly.array().value添加点。但是我不明白如何在屏幕上反映出来。

示例代码

poly.on('mousedown', function(event){
    var points = myCanvas.point(event.x, event.y);
    var polyArray = poly.array().value;
    polyArray.splice(i+1, 0, [points] );
});

我可以想到的一种可行方法（似乎是一种破解方法，而不是正确的解决方案）是手动向多边形SVG元素添加点。我想知道svg.js元素中是否有一种方法来更新该元素并重新绘制它。

Answer 1

我检查了svg.draw.js的源代码，发现有一种方法 plot 可以用新点poly.plot(polyArray);

重新绘制多边形