html5 贝塞尔曲线

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

 

看动画效果：

 

曲线简介

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

 

  贝塞尔曲线

 

 

 

 

 

 

演示地址： http://graph.jm47.com/

源码自已右健查看即可。其中的jmgraph库也是正在写的东东。