Degrafa Bezier样条将数据绑定到字符串

Question

我想通过下面的代码将一条贝塞尔曲线插入到我的画布中。

<mx:Canvas 
id="graphCanvas" 
width="100%" 
height="100%" 
preinitialize="preInit()"
/>
<BezierSpline id="mySpline" graphicsTarget="{[graphCanvas]}"  data="points"

verticalCenter="0“horizontalCenter="0”>

points是我在preInit()方法中初始化的字符串

[Bindable]public var points : String;
private function preInit() : void {
        points = "200,100 200,300 100,300 300,500 500,300 400,300 400,100";
    }

但是，当我现在构建项目时，没有在画布上绘制样条线，而是直接将数据集成到mxml中

<BezierSpline id="mySpline" graphicsTarget="{[graphCanvas]}"  data="200,100 200,300 100,300 300,500 500,300 400,300 400,100"

verticalCenter="0“horizontalCenter="0”>

有人能帮我吗？我需要动态改变样条线的数据。同样欢迎以编程方式处理的答案，因为我不知道如何通过代码在画布上重新绘制样条线(不知道如何使用样条线的draw()方法)。

提前感谢

塞巴斯蒂安

Answer 1

下面的代码适用于我：

[Bindable]
private var points:String;
private function preinit ():void
{
    points = "200,100 200,300 100,300 300,500 500,300 400,300 400,100";
}

<degrafa:BezierSpline id="mySpline" graphicsTarget="{[graphCanvas]}" data="{points}">
    <degrafa:stroke>
        <degrafa:SolidStroke weight="2" color="#0000FF"/>
    </degrafa:stroke>
</degrafa:BezierSpline>