WPF关键帧动画2

XAML代码：

<Window.Resources>

        <PathGeometry x:Key="path">

            <PathFigure IsClosed="True">

                <ArcSegment Point="100,200" Size="15,10" SweepDirection="Clockwise"></ArcSegment>

                <ArcSegment Point="400,5" Size="5,5"></ArcSegment>

            </PathFigure>

        </PathGeometry>

    </Window.Resources>

    <Window.Triggers>

        <EventTrigger RoutedEvent="Window.Loaded">

            <EventTrigger.Actions>

                <BeginStoryboard>

                    <Storyboard>

                        <DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Left)" PathGeometry="{StaticResource path}" Duration="0:0:5" RepeatBehavior="Forever" Source ="X"/>

                        <DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Top)" PathGeometry="{StaticResource path}" Duration="0:0:5" RepeatBehavior="Forever" Source ="Y"/>

                    </Storyboard>

                </BeginStoryboard>

            </EventTrigger.Actions>

        </EventTrigger>

    </Window.Triggers>

    <Canvas>

        <Path Stroke="Red" StrokeThickness="1" Data="{StaticResource path}" Canvas.Top="10" Canvas.Left="10"></Path>

        <Image x:Name="image">

            <Image.Source>

                <DrawingImage>

                    <DrawingImage.Drawing>

                        <GeometryDrawing Brush="LightSkyBlue">

                            <GeometryDrawing.Geometry>

                                <GeometryGroup>

                                    <EllipseGeometry Center="10,10" RadiusX="9" RadiusY="4" ></EllipseGeometry>

                                    <EllipseGeometry Center="10,10" RadiusX="4" RadiusY="9" ></EllipseGeometry>

                                </GeometryGroup>

                            </GeometryDrawing.Geometry>

                            <GeometryDrawing.Pen>

                                <Pen Thickness="1" Brush="Black"></Pen>

                            </GeometryDrawing.Pen>

                        </GeometryDrawing>

                    </DrawingImage.Drawing>

                </DrawingImage>

            </Image.Source>

        </Image>

</Canvas>

结果如图所示：