2011-06-09 32 views
0

我正在創建一個允許用戶在畫布上繪製(使用鼠標或觸摸事件)的Web應用程序。對捕獲的點數據進行採樣

捕獲用戶使用鼠標或畫布繪製的路徑的方法與TLC演示in this blog post非常接近。

現在我想做的事情不同的是:

  • 存儲陣列中的繪製 捕獲的座標(並用它繪製)

  • 「樣本」捕獲的數據只有IE瀏覽器 使用一些觀點供用戶 屏幕上繪製 繪製路徑

我目前確定的是我將如何「抽樣」點數組。

因此,爲了更好地解釋自己,這裏就是我的想法:

  1. 用戶繪製在畫布上的路徑(用手指或鼠標)

  2. 共20點被mouseover/touchmove事件捕獲

  3. 如果我們繪製使用全部20個點繪製的路徑,它將非常粗糙而且不光滑。所以我想要的是從20點減少到8點,並使用貝塞爾曲線來連接它們?

只是想看看是否有人實施了類似的東西。如果有人在ipad/iphone上玩過飛行控制,當用戶爲飛機繪製路徑時,他們通過使用一些touchmove點來實現這一點,而不是全部。也許他們使用計時器?

回答

相關問題