[Tween a SVG path attribute]

Hi there, 

 

I'd like to tween a property of an SVG clipPath, or possible just the position / rotation of the path.

 

For instance, can I tween the 'M 199.6' value in bold below?

Or can I tween the rotation / position of 'Layer_STROKES' ?

 

Thanks in advance as always.

<!-- ///////////////////////  SVG  ////////////////////////// -->

<svg  height="0" width="0">
    <defs>
        <clipPath id="svgPath">

        <path id="Layer_STROKES" stroke="#CCCCCC" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" fill="none" d="
M 199.6 120
L 199.5 119.5 201.325 120
M 71.8 90.5
L 289.95 150 109.95 270 70.05 90.5"/>

        </clipPath>
    </defs>
</svg>

[SplitTextField - Get Current Characters Properties]

Yep, that works like a charm ! 

 

Thanks Carl.

[SplitTextField - Get Current Characters Properties]

Hi there, is is possible to retrieve the current character being tweened as part of a SplitTextField timeline animation?

 

Essentially I'm using it to simulate some text being typed out and I would like a separate object (the cursor) to follow the last character alpha'd in.

 

 

Perhaps I can get this form the onUpdate ?

 

Sample code below :

 

_AnimationTimeline.append(TweenMax.allFrom(stf.textFields, 2, {autoAlpha:0, onUpdate:moveCursor, onUpdateParams:[ "pass the current character here" ]}, 0.06));

 

 

 

function moveCursor () : void {

 

//// reposition the cursor based on the current characters XPos ???

 

}

 

Thanks in advance.