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

Question

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

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

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

在再现的曲线中，如果我们将 SEGMENT_PER_POINTS 更改为大于点数（例如，1000），它显然绘制完美。

但正如你所知道的，如果数字较小，第二条曲线中就会缺少点。

有谁明白为什么？

Answer 1

问题是您正在使用拼接。这将从数组中删除点，因此在您获得 10 个（或其他）点后，这 10 个点中的最后一个点不再在您的点数组中。

这意味着接下来的十个点从他们的第一个点到之前的最后一个点没有任何联系！