javascript - 在画布中绘制自由流动的绘图工具

Question

我研究了 Douglas Peucker 算法。也许我可以用它作为一种替代解决方案，让我的画自由流动。但是我的问题是，当我在绘制的时候，之前绘制的点也在移动。在数组中的同一点集合中绘制时，有什么方法可以使绘制的线静止。

这是代码

Answer 1

mousemoves 事件为您提供时间戳 ( event.timeStamp)。

使用该时间戳计算随时间移动的距离（距离/时间==速度）：var distance=Math.sqrt((prevX-thisX)*(prevX-thisX)+(prevY-thisY)*(prevY-thisY));

将线强制到 X 轴：如果速度低于“慢”阈值，只需使用之前的 Y 坐标而不是鼠标事件提供的 Y。