2012-04-02 65 views
1

我們正試圖重現在HTML5畫布上繪製的曲線,每隔100個MS X點,但有些點會在複製副本中丟失。我們有用於原始曲線的所有點。當在HTML5畫布上重現曲線時,點沒有被繪製

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

轉載曲線:http://jsfiddle.net/NWBV4/15/

在再現曲線,如果我們改變SEGMENT_PER_POINTS至大於點(例如,1000)的數量,它顯然繪製完美。

但是,正如你所看到的,用較小的數字,第二條曲線中有缺失的點。

任何人都明白爲什麼?

回答

1

問題是您正在使用拼接。這將刪除數組中的點,所以在獲得10個點(或任何點)後,這10個點中的最後一點不再位於您的點數組中。

這意味着接下來的十個點從第一個點到最後一個點之間沒有連接!

+0

litte幫手:http://jsfiddle.net/NWBV4/16/ – Yoshi 2012-04-02 19:05:31

+0

我做了一個hacky的版本:http://jsfiddle.net/NWBV4/17/我認爲你是一個更清潔。 – kiswa 2012-04-02 19:08:11

+0

@Yoshi,謝謝,這樣做!你能作爲答覆發佈,所以我們可以信任你? Kiswa,感謝您強調缺失的聯繫。我們很愚蠢。我們不記得你的原因是因爲結果曲線與原始曲線有一些小的扭曲。請參閱我們的改編:http://jsfiddle.net/NWBV4/18/。除非我們做錯了,這很可能。 :) – Crashalot 2012-04-02 19:09:37