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

Points not getting drawn when reproducing curve on HTML5 canvas

本文关键字：绘制曲线复制 HTML5 更新时间：2023-09-26

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

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

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

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

但正如你所知，如果数字较小，第二条曲线中就会出现缺失点。

有人明白为什么吗？

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

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