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

时间:2015-10-30 09:03:42

标签: javascript canvas line douglas-peucker

我研究了Douglas Peucker算法。也许我可以将它作为一种替代解决方案来自由流动我的绘图。但我的问题是,当我画画时,先前绘制的点也在移动。有没有办法在绘制数组中相同的点集合时绘制线条静止。

以下是code

1 个答案:

答案 0 :(得分:1)

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

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

要将线强制为X轴:如果速度低于“慢”阈值,只需使用前一个Y坐标而不是鼠标事件提供的Y.