Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绘图应用-曲线拟合_Javascript_Canvas_Drawing_Curve Fitting - Fatal编程技术网

Javascript 绘图应用-曲线拟合

Javascript 绘图应用-曲线拟合,javascript,canvas,drawing,curve-fitting,Javascript,Canvas,Drawing,Curve Fitting,我目前正在开发一个基于web的绘图应用程序,我使用指针的位置生成一条线。速度决定了线条的宽度 我的问题是,浏览器事件在获取位置时不会生成干净的数据,因此宽度变得相当“抖动”,而不是变得柔软平滑 我想知道在绘制图纸的过程中,平滑此类数据的最佳方法是什么?我在考虑曲线拟合,但我不确定哪种算法在我的情况下更有效 另外,我不是每次在画布上都从一开始就重新画线,我只是添加了“最后一部分” 谢谢 您可以尝试从paper.js中提取“平滑”和“简化”函数(MIT许可证允许这样做)。它在一个边缘检测项目中对我很

我目前正在开发一个基于web的绘图应用程序,我使用指针的位置生成一条线。速度决定了线条的宽度

我的问题是,浏览器事件在获取位置时不会生成干净的数据,因此宽度变得相当“抖动”,而不是变得柔软平滑

我想知道在绘制图纸的过程中,平滑此类数据的最佳方法是什么?我在考虑曲线拟合,但我不确定哪种算法在我的情况下更有效

另外,我不是每次在画布上都从一开始就重新画线,我只是添加了“最后一部分”


谢谢

您可以尝试从paper.js中提取“平滑”和“简化”函数(MIT许可证允许这样做)。它在一个边缘检测项目中对我很有效。在这里查看: