Html 采样捕获的点数据

我正在创建一个web应用程序，允许用户在画布上绘制（使用鼠标或触摸事件）

捕捉用户用鼠标或画布绘制的路径的方法与TLC演示的方法非常接近

现在我想做的不同点是：

• 存储捕获的绘制坐标 在阵列中（并将其用于绘图）

• “采样”捕获的数据，即仅 使用一些点进行绘图 用户在上绘制的路径 屏风

我目前确定的是如何“采样”点阵列

为了更好地解释我自己，以下是我的想法：

用户（用手指或鼠标）在画布上绘制路径

鼠标悬停/触摸移动事件总共捕获20个点

如果我们用所有的20个点来绘制路径，它将是非常粗糙和不平滑的。所以我想把点的数量从20个减少到8个，然后用贝塞尔曲线来连接它们

---

我只是想看看是否有人实现了类似的东西。如果有人在ipad/iphone上玩过飞行控制，当用户为飞机绘制路径时，他们会使用一些而不是所有的触摸点来实现。也许他们用定时器？

我想要的答案是

如果有人感兴趣，下面是该算法的javascript实现-