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

Question

我研究了Douglas Peucker算法。 也许我可以将其用作另一种解决方案，以使图形自由流动。 但是我的问题是，在绘制时，先前绘制的点也在移动。 在数组中的同一点集合内进行绘制时，有什么方法可以使绘制的线静止。

这是代码

Answer 1

mousemoves事件为您提供了一个时间戳记（ event.timeStamp ）。

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

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