javascript - 如何在 Kineticsjs 中动态添加点到线？

Question

我想动态添加点到线。setPoints(Array)只会采用一组新的点数组，但我想通过向其添加另一个点来扩展该线。此外，我在将点添加到线时使用了过渡。怎么做 ？

这是行不通的

line.transitionTo({points:[x,y],duration:1,easing:'ease-out'});

Answer 1

您目前无法进行转换，但您可以执行以下操作：

var points = line.getPoints();
points.push(x); // new x point 
points.push(y); // new y point
line.setPoints(points);
layer.draw();