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

【问题标题】：Points not getting drawn when reproducing curve on HTML5 canvas在 HTML5 画布上再现曲线时未绘制点
【发布时间】：2012-04-03 02:57:40
【问题描述】：

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

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

但正如您所知，如果数字较小，则第二条曲线中存在缺失点。

有人知道为什么吗？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

我也做了一个hacky版本：jsfiddle.net/NWBV4/17我觉得你的更干净一些。
@Yoshi，谢谢，成功了！您可以发布作为答案，以便我们可以信任您吗？ Kiswa，感谢您强调缺少的连接。我们太傻了。我们不相信您的原因是因为生成的曲线与原始曲线有一些轻微的扭曲。请参阅我们的改编：jsfiddle.net/NWBV4/18。除非我们做错了什么，这很有可能。 :)
信用任何你喜欢的人。我认为问题是，“有人明白为什么吗？”这是我唯一想回答的问题。
@Crashalot 我不会 ;) 因为 kiswas 的答案已经是问题的正确答案。
现在我必须找到 Yoshi 回答的问题并提供支持。