html5 N阶贝塞尔曲线

[jiamao]

上周看同志们都在画贝塞尔曲线图，效果还不错，正好我也在学html5的东东，就顺手写了个贝塞尔曲线html5版。。此版可是N阶的，多少阶都可以画。

看动画效果：



曲线简介
贝赛尔曲线的每一个顶点都有两个控制点，用于控制在该顶点两侧的曲线的弧度。它是应用于二维图形应用程序的数学曲线。曲线的定义有四个点：起始点、终止点（也称锚点）以及两个相互分离的中间点。滑动两个中间点，贝塞尔曲线的形状会发生变化。二十世纪六十年代晚期，Pierre Bézier应用数学方法为雷诺公司的汽车制造业描绘出了贝塞尔曲线。













演示地址：http://www.jm47.com/os/app/jmgraph/example/bezier.html
源码自已右健查看即可。其中的jmgraph库也是正在写的东东。

[lzblzb1984]

牛人，这程序写得好。

[sosoben]

IE8不支持,chrome支持 , 请问可以再多点注释给我们这些初学者吗?

[果子黎]

cool， 看来html5取代flash是大势所趋。

[yaochingman]

我没学这东东，看上去太神奇啦

[jiamao]

引用 47 楼 sosoben 的回复:

IE8不支持,chrome支持 , 请问可以再多点注释给我们这些初学者吗?

外面没什么注释是因为它只是这个曲线的实现，里面的jmgraph库注释是齐全的

[叫我三三]

不错，谢谢分享

[YHL27]

先收藏下。。。

[Luo_Bryant]

收藏了。。。

[hxl5202008]

先收藏了。。。。

[天空的泪]

太帅了 收藏了

[nanajiaozixian]

我也在学习html5，LZ写得很不错哦，学习了。。

[qiaodansb]

百分百的好东西呀，不错

[sosoben]

我发觉开了360安全守护后 明显性能会下降, 我的是I5 哦 360就这么耗资源?

[天已青色等烟雨来]

放个源码出来

[农民工刘小二]

高人能否给解决一下这个问题

[农民工刘小二]

http://bbs.csdn.net/topics/390547931

[webxjc]

神人哪，，，，，

[Se_先森_]

很是牛逼啊 。可是这个我不知道能干嘛。。求大神解释下

[u010609238]

效果挺好的，只是不明白下面的代码去哪里找 <script type="text/javascript" src="../common/jmUtils.js" ></script> <script type="text/javascript" src="../common/jmModels.js" ></script> <script type="text/javascript" src="../common/jmProperty.js" ></script> <script type="text/javascript" src="../common/jmEvents.js" ></script> <script type="text/javascript" src="../common/jmControl.js" ></script> <script type="text/javascript" src="../shapes/jmShape.js" ></script> <script type="text/javascript" src="../shapes/jmPath.js" ></script> <script type="text/javascript" src="../shapes/jmLine.js" ></script> <script type="text/javascript" src="../shapes/jmCircle.js" ></script> <script type="text/javascript" src="../shapes/jmArc.js" ></script> <script type="text/javascript" src="../shapes/jmArraw.js" ></script> <script type="text/javascript" src="../shapes/jmPrismatic.js" ></script> <script type="text/javascript" src="../shapes/jmBezier.js" ></script> <script type="text/javascript" src="../jmGraph.js" ></script>

[biduone]

太牛了