绘图应用程序 - 曲线拟合

Question

我目前正在研究一个基于网络的绘图应用程序，我使用指针的位置来生成一条线。速度决定了线的宽度。

我的问题是，浏览器事件获取位置时不会产生干净的数据，所以宽度变得相当“紧张”，然后柔软平滑。

我想知道什么是最好的方式来平滑这种数据，因为正在作图？我在考虑曲线拟合，但我不确定哪种算法可以在我的情况下更好地工作。

P.S.我不是从画布上的每一次开始重画线条，我只是添加了“最后一部分”。

谢谢！

Answer 1

您可以尝试从paper.js（他们的MIT许可证允许）中提取“平滑”和“简化”功能。它在我的边缘检测项目中运行良好。看看这里：http://paperjs.org/tutorials/paths/smoothing-simplifying-flattening。