如何在 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();