如何使用Bezier曲线绘制B-Spline？

Question

我的Flash应用程序从外部应用程序接收B-spline数据，但是Flash绘图API只允许使用Graphics#curveTo()方法绘制二次贝塞尔曲线。

是否可以将B-spline转换为一系列curveTo()调用？

Answer 1

有多种类型的B样条曲线。不过，我想你会把B样条分割成贝塞尔曲线。您将遍历曲线，并且对于每一条曲线，您将以特定的细节遍历这些点，以便能够从直线绘制曲线。

下面是一个简短的代码片段：

private function curve(control1:Point,anchor1:Point,control2:Point,anchor2:Point,t:Number):Point{
            var result:Point = new Point();
            var tSquared:Number = t*t;
            var tCubed:Number = t*t*t;
            result.x = tCubed*(anchor2.x+3*(control1.x-control2.x)-anchor1.x)
                                        +3*tSquared*(anchor1.x-2*control1.x+control2.x)
                                        +3*y*(control1.x-anchor1.x)+anchor1.x;
            result.y = tCubed*(anchor2.y+3*(control1.y-control2.y)-anchor1.y)
                                        +3*tSquared*(anchor1.y-2*control1.y+control2.y)
                                        +3*y*(control1.y-anchor1.y)+anchor1.y;
            return result;
        }

看看Paul Tondeur's Drawing a cubic curve blog entry和那里的参考资料吧。

HTH