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

我已经编写了一些代码来确定用户何时单击边缘附近的多边形。我收集鼠标坐标,想把这个点添加到多边形中。为此,我要给 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元素中是否有一个方法来更新元素并重新加载它。