HTML5キャンバスで曲線を再現するときにポイントが描画されない

Question

HTML5キャンバスに描かれた曲線を再現しようとしています.Xは100 MSごとにポイントしますが、再生されたコピーでは失われます。元の曲線に使用されているすべての点があります。

オリジナルカーブ：http://jsfiddle.net/NWBV4/12/

再現カーブ：再生曲線でhttp://jsfiddle.net/NWBV4/15/

我々はポイント（例えば、1000）の数よりも大きいにSEGMENT_PER_POINTSを変更した場合、それは明らかに完全に描画します。

しかし、数値が小さいほど、2番目の曲線に欠けている点があることがわかります。

誰でも理解できますか？

Answer 1

問題はスプライスを使用していることです。これにより配列からポイントが削除されるため、10点（またはそれ以上）のポイントを取得した後、それらのポイントの最後のポイントはポイントの配列に含まれなくなります。

これは、次の10ポイントが、最初のポイントから前のポイントの最後までの接続なしで開始していることを意味します。