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

Question

I've written some code which determines when user clicks on a polygon near to edges. I collect the mouse coordinates and want to add this point to polygon. For this, I'm adding points to poly.array().value on proper location. But I'm not able to understand how should it be reflected on the screen.

Sample code

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

Possible approach that I can think (seems a hack not the proper solution) is to add points to polygon SVG element manually. I was wondering if there is a method in svg.js element to update the element and replot it.

Answer 1

我检查了svg.draw.js的源代码，发现有一个方法图可以用新点poly.plot(polyArray);重新绘制多边形poly.plot(polyArray);