繪圖應用程序 - 曲線擬合

Question

我目前正在研究一個基於網絡的繪圖應用程序，我使用指針的位置來生成一條線。速度決定了線的寬度。

我的問題是，瀏覽器事件獲取位置時不會產生乾淨的數據，所以寬度變得相當「緊張」，然後柔軟平滑。

我想知道什麼是最好的方式來平滑這種數據，因爲正在作圖？我在考慮曲線擬合，但我不確定哪種算法可以在我的情況下更好地工作。

P.S.我不是從畫布上的每一次開始重畫線條，我只是添加了「最後一部分」。

謝謝！

Answer 1

您可以嘗試從paper.js（他們的MIT許可證允許）中提取「平滑」和「簡化」功能。它在我的邊緣檢測項目中運行良好。看看這裏：http://paperjs.org/tutorials/paths/smoothing-simplifying-flattening。