上周看同志们都在画贝塞尔曲线图,效果还不错,正好我也在学html5的东东,就顺手写了个贝塞尔曲线html5版。。此版可是N阶的,多少阶都可以画。
看动画效果:
曲线简介
贝赛尔曲线的每一个顶点都有两个控制点,用于控制在该顶点两侧的曲线的弧度。它是应用于二维图形应用程序的数学曲线。曲线的定义有四个点:起始点、终止点(也称锚点)以及两个相互分离的中间点。滑动两个中间点,贝塞尔曲线的形状会发生变化。二十世纪六十年代晚期,Pierre Bézier应用数学方法为雷诺公司的汽车制造业描绘出了贝塞尔曲线。
贝塞尔曲线
源码自已右健查看即可。其中的jmgraph库也是正在写的东东。