Animate the vertices of a path
.png "This page applies to Silverlight 1 projects only")
You can animate the vertices (or points) on a path to create shapes that change.
To animate the vertices of a path
In your Silverlight 1.0 project, switch to the Page.xaml document.
If your storyboard is no longer open, click the Open a Storyboard
.png "Cc296374.d4531c86-5048-481c-a1ca-29af202d28e7(en-us,Expression.10).png")
button under Objects and Timeline, and then select Storyboard1 from the storyboard picker..png "Cc296374.81e08f17-af0e-4d80-858d-334cc728d0d6(en-us,Expression.10).png")
Click the Direct Selection
.png "Cc296374.6dd6571f-c116-451d-8dd2-1f88b8406362(en-us,Expression.10).png")
tool in the Toolbox so that you can select individual points (or vertices) on the MyPath object.Move the timeline playhead to the 1-second mark, and then, on the artboard, hold the ALT key when you drag one of the points on the MyPath object. Expand the MyPath object under Objects and Timeline so that you can see the child object that is named Data, on which the new keyframe was created.
.png "Cc296374.326d9375-64e2-40cc-8ff0-31d1570b4758(en-us,Expression.10).png")
You can repeat this step at different points on the timeline.
Select a keyframe under Objects and Timeline, and then under Easing in the Properties panel, drag the endpoints of the spline curve to modify the easing behavior of the keyframe.
.png "Cc296374.b776b91f-012a-4d93-bc99-8c0d2be1915c(en-us,Expression.10).png")
Test the changes to your animation by pressing F5 and clicking in the browser window to trigger the animation storyboard.
You can use vertex animation on any path object, including clipping paths. Vertex animation is also supported in Windows Presentation Foundation (WPF) projects.
See also
Concepts
Apply, modify, or remove a clipping path
Create, modify, or delete a storyboard
Modify a storyboard to repeat or reverse at the end of its cycle