如何使用 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] );
});

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

Answer 1

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

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

How to add points to already created polygon using svg.js

javascript

polygon

svg.js