javascript - jsxgraph：如何更新线的点？

Question

假设我创建了一条线：

var line = board.create('line', [2, 2], [3, 3], { ... });

Line.point1 的文档说明：

您真的不应该直接设置此字段，因为它可能会破坏 JSXGraph 的更新系统，因此您的构造将无法正确更新。

在 jsxgraph 中更新我传递给构造函数的这些点坐标的推荐方法是什么？

更新：我刚试过：

line.point1.moveTo(4, 4);
line.point2.moveTo(5, 5);

但这似乎把事情搞砸了，也就是说，在我这样做之后，这条线是不可拖动的。

score 3 · Accepted Answer

根据文档 moveTo，坐标移动到一个数组：

line.point1.moveTo([4, 4]);
line.point2.moveTo([5, 5]);

它还需要一个时间作为动画持续时间的第二个参数（以毫秒为单位）。当您正在寻找即时移动时（当毫秒被省略或为 0 时会发生同样的事情），您可以setPosition改用。

score 0 · Accepted Answer

另一种选择是setPositionDirectly方法。我相信它比moveTo更快。如果您不需要为运动设置动画，这可能是一个更好的选择。之后确实需要更新调用。

line.point1.setPositionDirectly(JXG.COORDS_BY_USER,[4,4]);
line.point2.setPositionDirectly(JXG.COORDS_BY_USER,[5,5]);  
board.update();

2 回答 2