在HTML5画布上重现曲线时不会绘制点

时间:2012-04-02 18:39:56

标签: javascript html5 canvas html5-canvas html5-animation

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

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

转载曲线:http://jsfiddle.net/NWBV4/15/

在再现曲线中,如果我们将SEGMENT_PER_POINTS更改为大于点数(例如1000),它显然会完美地绘制。

但正如您所知,数字较小,第二条曲线中缺少点。

任何人都明白为什么?

1 个答案:

答案 0 :(得分:1)

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

这意味着接下来的十个点开始时没有从第一个点到最后一个点的连接!