在HTML5画布上再现曲线时未绘制的点

Question

我们正在尝试复制一条在HTML5画布上绘制的曲线，每100ms绘制一次X点，但一些点在复制的副本中丢失。我们有用于原始曲线的所有点。

原始曲线：http://jsfiddle.net/NWBV4/12/

重现曲线：http://jsfiddle.net/NWBV4/15/

在复制的曲线中，如果我们将SEGMENT_PER_POINTS更改为大于点的数量(例如，1000)，它显然可以完美地绘制。

但是，正如您可以看出的，对于较小的数字，第二条曲线中存在缺失点。

有人知道为什么吗？

Answer 1

问题是您使用的是splice。这将从数组中删除这些点，因此在获得10个(或其他)点之后，这10个点中的最后一个点将不再位于点数组中。

这意味着接下来的10个点从它们的第一个点到前面的最后一个点都没有连接！