绘图应用程序-曲线拟合
Drawing App - Curve Fitting
我目前正在开发一个基于web的绘图应用程序,在那里我使用指针的位置来生成一条线。速度决定了线条的宽度。
我的问题是,浏览器事件在获取位置时不会产生干净的数据,因此宽度变得非常"抖动",而不是柔软平滑。
我想知道在绘制图纸时,处理此类数据的最佳方法是什么?我在考虑曲线拟合,但我不确定哪种算法在我的情况下能更好地工作。
附言:我并不是每次都在画布上从头开始重新绘制线条,我只是添加了"最后一部分"。
谢谢!
您可以尝试从paper.js中提取"smooth"answers"simple"函数(它们的MIT许可证允许这样做)。它在边缘检测项目中对我来说效果很好。点击此处查看:http://paperjs.org/tutorials/paths/smoothing-simplifying-flattening.
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 在phonegap应用程序内部重定向不起作用
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- Node.js正在更改应用程序以使用集群模块
- 在openshift node js应用程序中获取请求
- JS指数曲线拟合
- 绘图应用程序-曲线拟合