在畫布中繪制自由流動的繪圖工具

Question

我研究了Douglas Peucker算法。 也許我可以將其用作另一種解決方案，以使圖形自由流動。 但是我的問題是，在繪制時，先前繪制的點也在移動。 在數組中的同一點集合內進行繪制時，有什么方法可以使繪制的線靜止。

這是代碼

Answer 1

mousemoves事件為您提供了一個時間戳記（ event.timeStamp ）。

使用該時間戳計算隨時間移動的距離（距離/時間==速度）： var distance=Math.sqrt((prevX-thisX)*(prevX-thisX)+(prevY-thisY)*(prevY-thisY));

強制線到X軸：如果速度低於“慢速”閾值，則僅使用以前的Y坐標，而不是鼠標事件提供的Y。