贝塞尔曲线:Flash中使用Actionscript画贝塞尔曲线

　　本文举例源代码或素材下载

　　　用代码绘制图形

　　用Actionscript 3.0作图时大家会注意到Graphics 里有个curveTo可以画出个Quadratic Bézier curve, 但是并没有Cubic Bézier curve画法Quadratic Bézier curve是建立在个操控点和两个基础点上Cubic Bézier curve需要两个操控点和两个基础点这样使曲线更圆滑下面图是两种曲线区别:

　　

　　下面是两种曲线数学公式:

　　

　　

　　有了上面公式问题就容易解决了:

functioncubic_curve(gra:Graphics,pt1,pt2,pt0,pt3)
{
　　gra.moveTo(pt0.x,pt0.y);
　　varpos_x;
　　varpos_y;
　　for(vari=0;i<=1;i1/100)
　　{
　　　　pos_x=Math.pow(i,3)*(pt3.x+3*(pt1.x-pt2.x)-pt0.x)
　　　　　　　　+3*Math.pow(i,2)*(pt0.x-2*pt1.x+pt2.x)
　　　　　　　　+3*i*(pt1.x-pt0.x)+pt0.x;
　　　　pos_y=Math.pow(i,3)*(pt3.y+3*(pt1.y-pt2.y)-pt0.y)
　　　　　　　　+3*Math.pow(i,2)*(pt0.y-2*pt1.y+pt2.y)
　　　　　　　　+3*i*(pt1.y-pt0.y)+pt0.y;
　　　　gra.lineTo(pos_x,pos_y);
　　}
}

延伸阅读

• 2009-1-23-- 贝塞尔曲线:在Silverlight中绘制贝塞尔曲线