论坛首页 Web前端技术论坛

介绍一个 拟合曲线生成的 项目

浏览 3474 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2016-05-25  
最近在做一个项目的时候 需要生成拟合曲线。 
需求背景: 在屏幕上画点、等点超过3个及其以上时,通过点生成一条接近直线的曲线。 
请参照github上的开源项目:
http://phet.colorado.edu/sims/curve-fitting/curve-fitting_zh_CN.html

大致说一遍整个过程。

【曲线拟合的过程就是
1、输入三个点的xy坐标。传给一个 抛物线 二次方程式 y = a + b + c*(x^2)。因为需要解出a,b,c三个点的值,所以至少需要传入三个点的坐标。
2、拿到a,b,c的值以后 就好办了,传入一个x ,返回一个y.然后就得到了很多很多xy值就可以画线了。


【我的历程】
第一个问题:
我要做的第一件事情就是在本地搭建项目,把curve-fitting项目在本地跑起来。curve-fitting在github上面是有源码的。但是下载下来发现,怎么都跑不起来。很多依赖的文件都没有。
刚开始就打开f12 然后看输出,缺什么文件,就去github仓库里面找。
结果发现缺的实在是太多了、最后溜了一遍源码发现在一个配置文件里面写了依赖那些子项目。整整15个!!! 讲过一番艰苦卓绝的下载项目终于是下载完了

第二个问题:我用的是Hbuilder跑项目,全部导入到工作空间。找到Html页面运行即可。



第三个问题:大致过一遍所有的JS,可以根据MVC 结构把js分配一下。找到主要的计算js





这次搭建开源项目的收获:
1、如果有readMe文件,仔细看。
2、如果没有就去仓库的问题选项卡下找找网友们搭建项目所遇到的问题。
3、分析项目从多种角度、来分析 再不看源码的情况下想象一下应该有的流程。
4、不要细看,很粗的多过几遍。在脑中留下个印象。


多多查看Github上面的开源项目




论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics