Flex 使用curveTo画跟随鼠标改变的曲线

 

    Flex 中curveTo描绘的结果,如下图,

    三角形ABC中平行于底边AB的弧AFB的切线切点为F

    而切点F与AB的垂直距离始终保持为1/2 CD'

    所以如图把鼠标点作为控制点则曲线永远不能与鼠标点重合.

    

    但因为CF的延长线交AB于E点,经测试且E点为AB的中点,

    

    通过以上数据,得出只要把EC延长2倍,用所得的端点作为控制点,则可实现曲线将与鼠标点重合.

    

1.         //    startPoint      A
2.         //    endPoint        B
3.         //    
4.         //  求线段中点    
6.         var p:Point = C;
7.         var m:Point = Point.interpolate(startPoint, endPoint, 0.5);
8.         //    端点
9.         var xT:Number = m.x - p.x;
10.         var yT:Number = m.y - p.y;
11.         
12.         graphics.moveTo(startPoint.x, startPoint.y);
13.         graphics.curveTo(p.x-xT, p.y-yT, endPoint.x, endPoint.y);