2011-06-09 57 views
0

我正在创建一个允许用户在画布上绘制(使用鼠标或触摸事件)的Web应用程序。对捕获的点数据进行采样

捕获用户使用鼠标或画布绘制的路径的方法与TLC演示in this blog post非常接近。

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

  • 存储阵列中的绘制 捕获的坐标(并用它绘制)

  • “样本”捕获的数据只有IE浏览器 使用一些观点供用户 屏幕上绘制 绘制路径

我目前确定的是我将如何“抽样”点数组。

因此,为了更好地解释自己,这里就是我的想法:

  1. 用户绘制在画布上的路径(用手指或鼠标)

  2. 共20点被mouseover/touchmove事件捕获

  3. 如果我们绘制使用全部20个点绘制的路径,它将非常粗糙而且不光滑。所以我想要的是从20点减少到8点,并使用贝塞尔曲线来连接它们?

只是想看看是否有人实施了类似的东西。如果有人在ipad/iphone上玩过飞行控制,当用户为飞机绘制路径时,他们通过使用一些touchmove点来实现这一点,而不是全部。也许他们使用计时器?

回答