Точки не прорисовываются при воспроизведении кривой на холсте HTML5

Question

Мы пытаемся воспроизвести кривую, нарисованную на холсте HTML5, X указывает каждые 100 мс, но некоторые точки теряются в воспроизводимой копии. У нас есть все точки, используемые для исходной кривой.

Исходная кривая: http://jsfiddle.net/NWBV4/12/

Воспроизведенная кривая: http://jsfiddle.net/NWBV4/15/

На воспроизводимой кривой, если мы изменим SEGMENT_PER_POINTS на большее, чем количество точек (например, 1000), он, очевидно, отрисовывается идеально.

Но, как вы можете заметить, при меньших числах во второй кривой пропущены точки.

Кто-нибудь понимает, почему?

Answer 1

Проблема в том, что вы используете соединение.Это удаляет точки из массива, поэтому после того, как вы получите 10 (или что-то еще) точек, последняя точка из этих 10 больше не будет в вашем массиве точек.

Это означает, что следующие десять точек начинаются сподключение от первой их точки к последней из предыдущих точек!