超级马里奥Sliverlight矢量图版

先用Expression做了矢量图,然后导入到Blend里做成了走路的动画。

源代码
<UserControl
    
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d
="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    x:Class
="SuperMarioSL.MainPage"
    Width
="800" Height="600" mc:Ignorable="d" Loaded="UserControl_Loaded" KeyDown="UserControl_KeyDown">
    
<UserControl.Resources>
        
<Storyboard x:Name="walkLeftStoryboard" RepeatBehavior="Forever" AutoReverse="False">
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="leftArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Duration="00:00:00.0010000">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="-3.5"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="leftArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Duration="00:00:00.0010000">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="4.667"/>
            
</DoubleAnimationUsingKeyFrames>
            
<PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="leftArm" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Duration="00:00:00.0010000">
                
<EasingPointKeyFrame KeyTime="00:00:00" Value="0.201,0.056"/>
            
</PointAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="leftArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="39.184"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:01.5000000" Value="-17.828"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="0.351"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightLeg" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="-1.074"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="46.047"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:01.5000000" Value="-32.756"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="-5.285"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightLeg" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Duration="00:00:00.0010000">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightLeg" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Duration="00:00:00.0010000">
                
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="14"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="leftLeg" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                
<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="-30.053"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:01.5000000" Value="43.535"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="-5.515"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                
<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="-19.893"/>
                
<SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="32.6"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="3.757"/>
            
</DoubleAnimationUsingKeyFrames>
            
<PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightArm" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
                
<EasingPointKeyFrame KeyTime="00:00:00.6000000" Value="0.743,0.074"/>
            
</PointAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                
<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="9.409"/>
                
<SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="8.271"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="9.4090003967285156"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rightArm" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                
<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="4.677"/>
                
<SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="7.183"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="4.6770000457763672"/>
            
</DoubleAnimationUsingKeyFrames>
            
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="head" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                
<EasingDoubleKeyFrame KeyTime="00:00:00.6000000" Value="5.08437"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:01.5000000" Value="-3.9"/>
                
<EasingDoubleKeyFrame KeyTime="00:00:02" Value="0"/>
            
</DoubleAnimationUsingKeyFrames>
        
</Storyboard>
    
</UserControl.Resources><Canvas x:Name="marioFigure" Width="800.362" Height="600.263" Canvas.Left="0" Canvas.Top="0" Margin="110,68,-110,-68">
    
<Canvas x:Name="rightArm" Height="139" Width="97" Canvas.Left="9" Canvas.Top="220" RenderTransformOrigin="0.5,0.5">
        
<Canvas.RenderTransform>
            
<TransformGroup>
                
<ScaleTransform/>
                
<SkewTransform/>
                
<RotateTransform/>
                
<TranslateTransform/>
            
</TransformGroup>
        
</Canvas.RenderTransform>
        
<Path x:Name="path3" Width="72.055" Height="65.6" Canvas.Left="24.68" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFF03512" Data="F1 M 29.7179,56.0919C 29.7179,56.0919 41.3175,28.0776 61.8818,16.1596C 82.4459,4.24158 91.3771,3.80493 93.7759,8.4826C 96.1746,13.1603 84.4562,26.6301 80.8701,36.6434C 77.2842,46.6567 75.2531,63.7038 75.2531,63.7038C 75.2531,63.7038 67.9601,61.4237 55.111,62.2998C 42.2618,63.176 28.5802,56.6436 29.7179,56.0919 Z " UseLayoutRounding="False"/>
        
<Path x:Name="path" Width="91.482" Height="95.736" Canvas.Top="43.429" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 82.2261,58.1258L 82.5449,70.3288C 83.6689,79.3219 81.6477,80.7561 81.6477,80.7561C 81.6477,80.7561 97.9248,103.227 80.7761,126.684C 68.062,144.075 45.5654,133.286 45.5654,133.286C 45.5654,133.286 35.9108,140.873 25.1909,135.104C 15.1598,129.705 16.1621,120.243 16.1621,120.243C 16.1621,120.243 12.2637,119.315 8.0343,112.658C 3.80481,106.002 4.88,98.3442 4.88,98.3442C 5.65979,91.4915 8.70557,82.9362 12.7549,76.4581C 16.8043,69.9801 18.9834,66.3563 25.7174,63.5076L 27.6218,49.1424C 27.6218,49.1424 49.687,57.6115 55.2305,58.079C 66.4553,59.0255 78.751,56.5043 82.2261,58.1258 Z " UseLayoutRounding="False"/>
        
<Path Width="46.764" Height="30.884" Canvas.Left="3.018" Canvas.Top="93.386" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 32.7169,99.0997C 38.0889,102.419 47.1721,109.756 47.1721,109.756C 47.1721,109.756 46.24,124.128 32.1906,122.195C 18.1412,120.262 8.0177,112.735 8.0177,112.735" UseLayoutRounding="False"/>
        
<Path Width="26.098" Height="8.11" Canvas.Left="47.624" Canvas.Top="97.52" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 72.3979,105.014C 72.3979,105.014 52.1843,98.6952 51.24,103.899" UseLayoutRounding="False"/>
        
<Path Width="24.175" Height="9.309" Canvas.Left="61.527" Canvas.Top="75.725" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 84.3391,84.3186L 65.1041,79.9492" UseLayoutRounding="False"/>
    
</Canvas>
    
<Canvas x:Name="head" Height="239" Width="242" RenderTransformOrigin="0.5,0.5">
        
<Canvas.RenderTransform>
            
<TransformGroup>
                
<ScaleTransform/>
                
<SkewTransform/>
                
<RotateTransform/>
                
<TranslateTransform/>
            
</TransformGroup>
        
</Canvas.RenderTransform>
        
<Path x:Name="path9" Width="184.105" Height="169.256" Canvas.Left="57.497" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 60.7236,52.0336C 59.5554,49.3635 64.8956,0.4673 105.615,3.13741C 145.369,5.74416 200.236,41.52 207.579,108.94C 207.579,108.94 212.084,108.689 221.931,113.613C 230.275,117.785 239.62,129.3 238.285,144.653C 236.95,160.006 226.27,166.013 226.27,166.013C 226.27,166.013 218.093,144.486 200.57,143.318C 189.579,142.585 185.996,144.931 185.996,144.931C 185.996,144.931 160.086,87.0804 105.448,67.2198C 69.7908,54.2588 60.9128,52.4661 60.7236,52.0336 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
            
<Path.Fill>
                
<LinearGradientBrush StartPoint="-0.0234191,0.492132" EndPoint="1.02443,0.492132">
                    
<GradientStop Color="#FFEAB121" Offset="0"/>
                    
<GradientStop Color="#FFEC370D" Offset="0.316279"/>
                    
<GradientStop Color="#FFE71E1E" Offset="0.972093"/>
                
</LinearGradientBrush>
            
</Path.Fill>
        
</Path>
        
<Path x:Name="path10" Width="34.934" Height="33.599" Canvas.Left="80.415" Canvas.Top="25.031" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 80.4156,47.7504L 95.7687,25.0545L 101.776,39.9626L 114.014,29.7272L 115.349,57.9858L 107.117,58.6533L 109.162,38.9863L 98.2163,52.6456L 94.2112,41.0751L 87.981,52.6456L 80.4156,47.7504 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path11" Width="169.895" Height="73.833" Canvas.Top="46.45" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 2.46985,61.0144C 3.80481,67.2446 18.7809,64.2717 45.9825,71.9483C 72.713,79.4919 118.714,111.689 146.278,116.283C 170.309,120.288 167.305,115.282 167.305,115.282C 167.305,115.282 153.955,92.9198 137.6,83.2406C 121.246,73.5615 100.219,63.5487 86.8684,59.5435L 58.3751,48.9433L 2.46985,61.0144 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
            
<Path.Fill>
                
<LinearGradientBrush StartPoint="-0.00709901,0.526904" EndPoint="1.02436,0.526904">
                    
<GradientStop Color="#FFEAB121" Offset="0"/>
                    
<GradientStop Color="#FFEC370D" Offset="0.316279"/>
                    
<GradientStop Color="#FFE71E1E" Offset="0.972093"/>
                
</LinearGradientBrush>
            
</Path.Fill>
        
</Path>
        
<Path x:Name="path12" Width="64.116" Height="31.2045" Canvas.Left="1.972" Canvas.Top="62.431" Stretch="Fill" StrokeThickness="2.26959" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 52.5465,91.7515L 51.5452,92.4191C 51.5452,92.4191 35.8584,92.7528 24.1765,85.41C 12.4949,78.0673 1.36963,66.7195 3.26086,63.493C 3.34045,63.3573 8.15601,65.3843 8.15601,65.3843C 8.15601,65.3843 22.8416,66.0518 31.1857,68.3882C 39.5298,70.7245 64.8956,78.7348 64.8956,78.7348C 64.8956,78.7348 53.214,87.0789 52.5465,91.7515 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path13" Width="230.111" Height="161.204" Canvas.Left="2.305" Canvas.Top="78.121" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFD090" Data="F1 M 52.1567,95.0338C 52.0344,95.0167 48.7078,105.825 48.2628,108.941C 47.8179,112.056 34.5786,109.274 27.5695,111.277C 17.5895,114.128 9.45581,121.56 6.54248,138.312C 4.31738,151.106 9.75488,163.35 21.8956,172.022C 33.5773,180.366 43.5305,179.837 51.7117,179.921C 61.4202,180.02 78.6353,166.57 78.6353,166.57C 78.6353,166.57 84.6428,169.24 101.109,163.01C 117.574,156.78 117.018,152.997 117.018,152.997C 117.018,152.997 124.008,158.034 123.026,168.35C 122.358,175.359 122.024,177.362 116.017,181.701C 112.409,184.306 106.004,183.258 106.004,183.258C 106.004,183.258 106.449,191.602 104.001,195.274C 97.8894,204.442 94.3497,203.953 86.3118,203.451C 80.9714,203.117 80.6173,198.531 79.1359,198.778C 78.1345,198.945 77.4531,200.447 72.2937,202.95C 70.0397,204.044 64.478,203.878 61.2795,202.339C 57.1567,200.354 55.5552,196.686 55.2717,196.776C 48.4297,198.945 57.3535,208.369 60.6121,212.129C 64.9509,217.135 70.9586,224.478 79.4138,229.151C 88.4063,234.12 96.4342,234.992 107.005,235.381C 117.574,235.77 123.359,234.324 134.04,228.984C 144.72,223.644 155.595,215.282 159.962,211.462C 164.412,207.568 167.305,203.34 167.305,203.34C 167.305,203.34 176.539,209.348 184.549,210.349C 195.969,211.776 198.901,211.016 209.581,205.342C 222.376,198.545 226.937,188.877 228.272,179.977C 229.607,171.076 226.27,158.949 217.703,151.106C 209.136,143.263 187.887,141.983 185.662,141.983C 183.437,141.983 179.209,145.543 175.649,149.993C 172.089,154.444 168.195,158.393 161.965,163.678C 155.734,168.962 154.288,168.017 150.95,165.791C 146.877,163.076 150.769,147.146 156.625,140.982C 162.966,134.307 168.974,116.951 168.974,116.951C 168.974,116.951 168.306,119.51 155.846,117.73C 143.385,115.95 115.794,105.269 106.449,98.5939C 97.1035,91.9187 68.6223,84.3534 67.2872,82.1283C 65.9523,79.9032 53.0469,91.4737 52.1567,95.0338 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path14" Width="49.664" Height="28.303" Canvas.Left="145.81" Canvas.Top="200.221" Stretch="Fill" StrokeThickness="8.94484" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF70370C" Data="F1 M 191.002,211.907L 184.326,222.587L 150.282,223.922L 166.303,204.564L 191.002,211.907 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path18" Width="25.031" Height="31.372" Canvas.Left="180.231" Canvas.Top="161.258" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 204.49,161.871C 204.49,161.871 180.459,165.542 180.459,176.89C 180.459,188.238 197.481,192.243 197.481,192.243C 197.481,192.243 180.459,183.231 184.464,177.891C 188.47,172.551 195.479,174.22 195.479,174.22C 195.479,174.22 183.797,175.555 187.802,171.55C 191.807,167.545 203.823,162.872 204.49,161.871 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path19" Width="16.036" Height="27.034" Canvas.Left="55.185" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 66.09,118.815C 66.09,118.815 70.7627,102.795 70.4288,98.4558C 70.0952,94.1168 70.0952,92.7818 65.4225,92.7818C 60.7498,92.7818 55.4097,107.801 55.4097,107.801L 55.7433,111.139L 60.4161,115.811L 66.09,118.815 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" Canvas.Top="92">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path20" Width="20.436" Height="36.598" Canvas.Left="94.044" Canvas.Top="105.79" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 99.5776,141.9C 104.806,143.236 109.571,140.299 112.483,124.489C 114.819,111.806 113.151,108.135 107.477,106.8C 101.802,105.465 98.7988,110.471 95.4611,121.485C 93.136,129.158 93.2361,140.287 99.5776,141.9 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path21" Width="32.596" Height="26.811" Canvas.Left="44.875" Canvas.Top="108.448" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 45.1187,109.247C 45.1187,109.247 50.9038,110.137 59.3591,115.478C 59.791,115.75 60.2239,116.046 60.6569,116.362C 68.7003,122.235 76.7148,135.058 76.7148,135.058C 76.7148,135.058 69.1495,123.043 58.9142,118.593C 48.6787,114.143 45.1187,114.143 45.1187,114.143L 45.1187,109.247 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path22" Width="47.35" Height="61.073" Canvas.Left="139.267" Canvas.Top="113.43" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF70370C" Data="F1 M 152.008,144.82C 158.683,141.148 166.248,125.795 166.971,116.951C 168.418,115.115 177.596,134.807 183.047,142.15C 183.047,142.15 173.263,161.098 164.468,168.183C 158.46,173.023 153.287,172.021 150.617,169.685C 147.947,167.349 149.671,159.505 149.671,159.505C 149.671,159.505 142.339,159.496 141.995,153.498C 141.438,143.819 151.622,145.744 152.008,144.82 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path23" Width="35.651" Height="19.327" Canvas.Left="67.143" Canvas.Top="195.2" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFEA2E13" Data="F1 M 69.356,201.81C 69.3561,201.81 72.6936,214.493 86.7117,211.823C 100.73,209.153 100.062,197.805 100.062,197.805L 69.356,201.81 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path24" Width="93.669" Height="58.521" Canvas.Top="149.198" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF54260F" Data="F1 M 37.9993,179.113C 37.9993,177.111 40.6694,183.118 55.355,178.446C 70.0405,173.773 78.2734,166.43 78.2734,166.43C 78.2734,166.43 81.611,167.765 96.9641,163.76C 112.317,159.755 117.657,153.302 117.657,153.302C 117.657,153.302 127.97,163.024 121.44,175.331C 115.655,186.233 105.197,182.451 105.197,182.451C 105.197,182.451 107.867,197.136 97.8541,202.477C 87.8413,207.817 79.6085,199.139 79.6085,199.139C 79.6085,199.139 72.2656,206.259 62.0303,202.922C 56.2522,201.037 55.5776,197.136 55.5776,197.136C 55.5776,197.136 41.782,197.581 39.1118,190.906C 36.4417,184.231 37.9993,180.057 37.9993,179.113 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" Canvas.Left="34">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
    
</Canvas>
    
<Canvas x:Name="rightLeg" Height="140" Width="116" RenderTransformOrigin="0.487,-0.032" Canvas.Left="18" Canvas.Top="331">
        
<Canvas.RenderTransform>
            
<TransformGroup>
                
<ScaleTransform/>
                
<SkewTransform/>
                
<RotateTransform Angle="-1.458"/>
                
<TranslateTransform/>
            
</TransformGroup>
        
</Canvas.RenderTransform>
        
<Path Fill="#FF2050F8" Stretch="Fill" Stroke="Black" StrokeLineJoin="Round" StrokeThickness="7.60979" Height="113.082" Width="83.199" UseLayoutRounding="False" Canvas.Left="31.483" Canvas.Top="-23.472" Data="M73,410 L75.946205,330.86218 C75.946205,330.86218 83.256355,311.52887 104.25389,311.52878 C121.25211,311.52872 131.76791,332.86194 131.76791,332.86194 L132.99316,416.99973 L73.000099,410.99957"/>
        
<Path x:Name="path5" Width="96.4062" Height="36.6732" Canvas.Left="15.29" Canvas.Top="103.11" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 18.0068,53.0424C 18.0068,53.0424 17.8522,62.843 25.2849,67.9299C 31.4363,72.1396 51.4412,72.3442 60.9171,69.5172C 70.3928,66.6903 78.1764,63.21 78.1764,63.21C 78.1764,63.21 83.77,66.9714 91.9832,65.0483C 100.196,63.1252 107.802,61.0037 108.124,56.5006C 108.446,51.9976 103.019,41.0069 103.019,41.0069L 59.5159,52.1298L 22.2742,49.8293L 18.0068,53.0424 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path4" Width="115.317" Height="62" Canvas.Left="1.911" Canvas.Top="65.883" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF874E21" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5">
            
<Path.Data>
                
<PathGeometry FillRule="EvenOdd">
                    
<PathFigure IsClosed="True" StartPoint="110.196731567383,25.8287906646729">
                        
<BezierSegment Point1="109.464889526367,35.173942565918" Point2="108.645065307617,44.8207359313965" Point3="101.383613586426,48.0553131103516"/>
                        
<BezierSegment Point1="94.1221694946289,51.2897911071777" Point2="99.0741119384766,50.2717819213867" Point3="70.3193588256836,55.3729782104492"/>
                        
<BezierSegment Point1="41.5641021728516,60.4741744995117" Point2="24.941556930542,57.3710441589355" Point3="22.6787395477295,55.7745399475098"/>
                        
<LineSegment Point="16.77370262146,50.6442222595215"/>
                        
<BezierSegment Point1="13.1569766998291,45.5189247131348" Point2="5.5773777961731,39.4995269775391" Point3="3.95858335494995,29.9419002532959"/>
                        
<BezierSegment Point1="2.12364554405212,19.1076927185059" Point2="17.0485439300537,3.17593359947205" Point3="31.1529293060303,3.84085369110107"/>
                        
<BezierSegment Point1="45.257511138916,4.50583410263062" Point2="49.4481163024902,9.51763153076172" Point3="56.8676338195801,10.3012723922729"/>
                        
<BezierSegment Point1="56.8676338195801,10.3012723922729" Point2="80.0888595581055,9.49132347106934" Point3="92.4221954345703,15.1579895019531"/>
                        
<BezierSegment Point1="104.755531311035,20.8246555328369" Point2="110.196731567383,25.8287906646729" Point3="110.196731567383,25.8287906646729"/>
                    
</PathFigure>
                
</PathGeometry>
            
</Path.Data>
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
    
</Canvas>
    
<Canvas x:Name="belly" Height="193" Width="224" Canvas.Left="32" Canvas.Top="220">
        
<Path x:Name="path1" Width="72.016" Height="64.616" Canvas.Left="93.394" StrokeThickness="3.60464" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFD2220A" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5" Canvas.Top="6.722" Data="M14.835491,1.80232 C14.835491,1.80232 1.1593021,7.7914953 1.8259213,26.423885 C2.492548,45.05529 8.4691315,56.020805 17.837774,60.693119 C29.179306,66.349319 42.601421,59.270828 48.606003,55.944283 C54.610569,52.616734 67.272667,50.610947 67.272667,50.610947 C77.939339,49.944283 56.606003,21.278015 50.606003,13.777616 L36.606003,5.2780151 L14.835491,1.80232 z">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
        
<Path x:Name="path2" Width="179.632" Height="169.205" Canvas.Top="2.39" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF2050F8" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5" Canvas.Left="0.748" Data="M53.498074,9.6707115 C46.368439,6.8352461 45.830235,5.7608328 41.99651,3.8048949 C41.99651,3.8048949 40.304401,5.2441158 37.735233,7.4698963 C34.062325,10.651167 17.067013,24.359356 9.5030127,39.905918 C1.1943314,56.98365 3.0916033,87.890015 8.0916033,105.89001 C11.744521,119.04052 17.44577,139.56987 44.091831,156.89001 C64.091606,169.89001 91.568123,165.91437 118.86978,158.72972 C137.86977,153.72972 163.47343,138.27028 167.7516,128.10999 C186.7838,82.910141 166.55173,60.847202 163.91827,56.943317 C160.93135,52.514721 150.2516,59.109985 134.28958,65.085098 C126.15263,68.131027 112.51275,70.855461 105.82899,60.514095 C99.144249,50.172699 95.46843,46.837505 95.802872,31.492857 C96.137306,16.14818 104.51928,4.0557508 104.51928,4.0557508 C104.51928,4.0557508 91.660446,12.059413 81.682381,12.395229 C67.098892,12.885961 60.627808,12.506162 53.498074,9.6707115 z">
            
<Path.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Path.RenderTransform>
        
</Path>
    
</Canvas>
        
<Canvas x:Name="leftLeg" Height="153" Width="116" RenderTransformOrigin="0.552,0.163" Canvas.Left="70" Canvas.Top="341.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
            
<Canvas.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform Angle="-2.804"/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Canvas.RenderTransform>
            
<Path Fill="#FF2050F8" Stretch="Fill" Stroke="Black" StrokeLineJoin="Round" StrokeThickness="7.60979" Height="132.551" Width="86.897" UseLayoutRounding="False" Canvas.Left="29.575" Data="M73,410 L77.564034,318.47256 C77.564034,318.47256 86.252403,299.28845 111.29538,301.14456 C132.20168,302.69409 133.78322,323.42346 133.78322,323.42346 L132.99316,416.99973 L73.000099,410.99957" Canvas.Top="-36.608"/>
            
<Path Width="96.4063" Height="36.6732" Canvas.Left="15.29" Canvas.Top="117.11" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 18.0068,53.0424C 18.0068,53.0424 17.8523,62.8431 25.285,67.9299C 31.4364,72.1396 51.4413,72.3442 60.9172,69.5173C 70.3929,66.6903 78.1765,63.2101 78.1765,63.2101C 78.1765,63.2101 83.77,66.9715 91.9833,65.0483C 100.197,63.1252 107.803,61.0037 108.124,56.5006C 108.446,51.9976 103.019,41.007 103.019,41.007L 59.516,52.1298L 22.2743,49.8293L 18.0068,53.0424 Z " UseLayoutRounding="False"/>
            
<Path x:Name="path25" Width="114.072" Height="61.7436" Canvas.Left="1.936" Canvas.Top="79.882" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF874E21" Data="F1 M 18.458,51.0768C 14.8406,45.9728 7.25928,39.9783 5.64014,30.4601C 3.80493,19.6707 18.7329,3.80487 32.8403,4.4671C 46.948,5.12927 51.1395,10.1204 58.5605,10.9008C 65.9814,11.681 70.082,6.76758 70.082,6.76758C 70.082,6.76758 94.9402,11.6028 97.8569,9.59393C 100.774,7.58508 104.671,10.1758 104.671,10.1758C 104.671,10.1758 112.632,17.0577 111.901,26.3641C 111.169,35.6706 110.349,45.2775 103.086,48.4987C 95.8231,51.7198 100.777,50.7059 72.0151,55.7861C 43.2538,60.8662 26.6277,57.7759 24.3643,56.186L 18.458,51.0768 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
                
<Path.RenderTransform>
                    
<TransformGroup>
                        
<ScaleTransform/>
                        
<SkewTransform/>
                        
<RotateTransform/>
                        
<TranslateTransform/>
                    
</TransformGroup>
                
</Path.RenderTransform>
            
</Path>
        
</Canvas>
        
<Canvas x:Name="clothes" Height="153" Width="176" Canvas.Left="29" Canvas.Top="229">
            
<Path x:Name="path2_Copy" Width="164.721" Height="149.931" Canvas.Left="10.076" Canvas.Top="3.244" StrokeThickness="7.60979" StrokeLineJoin="Round" Fill="#FF2050F8" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5" Data="M54.246468,9.6707115 C47.116833,6.8352461 46.578629,5.7608328 42.744904,3.8048949 C42.744904,3.8048949 41.052795,5.2441158 38.483627,7.4698963 C34.810719,10.651167 17.815405,24.359356 10.251406,39.905918 C1.9427243,56.98365 3.8399963,87.890015 8.8399963,105.89001 C12.492914,119.04052 16.084475,142.1125 42.730537,159.43263 C62.730309,172.43263 95.07206,172.91264 122.37372,165.728 C141.37372,160.728 155.39281,144.69792 159.41302,142.95383 C173.49693,136.84378 178.01828,110.9224 175.93163,102.03507 C174.71065,96.834747 176.82736,86.164261 171.48036,71.82003 C166.13235,57.475842 157.32579,60.190552 147.93558,66.300591 C147.93558,66.300591 138.2894,67.441376 129.60004,67.441376 C120.91166,67.441376 113.26114,70.855461 106.57738,60.514095 C99.892639,50.172699 96.21682,46.837505 96.551262,31.492857 C96.885696,16.14818 105.26767,4.0557508 105.26767,4.0557508 C105.26767,4.0557508 92.408836,12.059413 82.430771,12.395229 C67.847282,12.885961 61.376202,12.506162 54.246468,9.6707115 z" Stretch="Fill">
                
<Path.RenderTransform>
                    
<TransformGroup>
                        
<ScaleTransform/>
                        
<SkewTransform/>
                        
<RotateTransform/>
                        
<TranslateTransform/>
                    
</TransformGroup>
                
</Path.RenderTransform>
            
</Path>
            
<Path x:Name="path16" Width="42.492" Height="44.648" Canvas.Left="46.854" Canvas.Top="28.228" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFAD350" Data="F1 M 98.7814,259.54C 101.813,259.735 113.902,263.195 115.237,276.212C 116.572,289.229 108.562,299.242 95.879,299.242C 83.196,299.242 77.3849,287.476 77.856,276.879C 78.5234,261.86 96.2278,259.376 98.7814,259.54 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
                
<Path.RenderTransform>
                    
<TransformGroup>
                        
<ScaleTransform/>
                        
<SkewTransform/>
                        
<RotateTransform/>
                        
<TranslateTransform/>
                    
</TransformGroup>
                
</Path.RenderTransform>
            
</Path>
            
<Path x:Name="path17" Width="28.053" Height="43.749" Canvas.Top="20.061" Stretch="Fill" StrokeThickness="4.93969" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFE155" Data="F1 M 52.323,253.683C 51.4888,252.515 42.8108,246.507 37.4707,260.191C 32.1305,273.876 29.2935,279.383 32.631,285.724C 35.9688,292.066 40.8082,290.397 43.1447,288.227C 46.3335,285.266 52.1563,275.711 53.4912,267.367C 54.8263,259.023 54.5854,256.85 52.323,253.683 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
                
<Path.RenderTransform>
                    
<TransformGroup>
                        
<ScaleTransform/>
                        
<SkewTransform/>
                        
<RotateTransform/>
                        
<TranslateTransform/>
                    
</TransformGroup>
                
</Path.RenderTransform>
            
</Path>
            
<Path x:Name="path15" Width="43.656" Height="26.3" Canvas.Left="37.289" Stretch="Fill" StrokeThickness="3.60464" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFF13512" Data="F1 M 83.196,230.486L 67.843,247.842L 91.5402,253.182L 107.895,235.827L 83.196,230.486 Z " RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
                
<Path.RenderTransform>
                    
<TransformGroup>
                        
<ScaleTransform/>
                        
<SkewTransform/>
                        
<RotateTransform/>
                        
<TranslateTransform/>
                    
</TransformGroup>
                
</Path.RenderTransform>
            
</Path>
        
</Canvas>
        
<Canvas x:Name="leftArm" Width="115.271" Height="155.407" Canvas.Left="127" Canvas.Top="226" RenderTransformOrigin="0.5,0.5">
            
<Canvas.RenderTransform>
                
<TransformGroup>
                    
<ScaleTransform/>
                    
<SkewTransform/>
                    
<RotateTransform/>
                    
<TranslateTransform/>
                
</TransformGroup>
            
</Canvas.RenderTransform>
            
<Path Width="100.851" Height="102.656" Canvas.Top="52" Stretch="Fill" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 87.4913,62.5392C 88.8259,64.0379 94.963,74.8909 92.2814,80.017C 89.5997,85.1432 89.9941,85.3495 89.9941,85.3495C 89.9941,85.3495 111.466,112.253 92.6852,133.967C 77.4329,151.602 60.7622,148.908 53.197,148.968C 42.0454,149.057 20.7717,137.027 18.3273,129.22C 15.8828,121.412 16.8174,113.865 16.8174,113.865C 16.8174,113.865 3.80481,107.058 7.96704,97.1815C 12.1292,87.3053 19.4459,79.0793 24.6816,75.7915C 29.9171,72.5036 30.5177,72.3156 30.5177,72.3156C 30.5177,72.3156 28.1646,59.5332 38.5811,55.9422C 48.9976,52.3513 63.2843,54.8029 70.4368,55.5313C 77.5894,56.2596 86.1851,61.0725 87.4913,62.5392 Z " UseLayoutRounding="False"/>
            
<Path Width="16.6092" Height="15.1021" Canvas.Left="15.4589" Canvas.Top="111.407" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 18.5963,114.545L 28.9308,115.431L 27.7898,123.372"/>
            
<Path Width="9.45308" Height="17.4799" Canvas.Left="23.5068" Canvas.Top="101.304" Stretch="Fill" StrokeThickness="6.27474" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 26.6442,104.441L 29.8225,115.646"/>
            
<Path Width="8.83094" Height="21.3748" Canvas.Left="52.9063" Canvas.Top="94.6141" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 59.3586,95.1881C 59.3586,95.1881 51.4441,108.877 53.8677,112.405C 56.2911,115.933 57.1829,116.148 58.8058,114.486C 60.4287,112.824 61.8606,105.286 60.957,100.293C 60.0533,95.3003 59.2648,94.8878 59.3586,95.1881 Z "/>
            
<Path Width="9.44712" Height="23.0053" Canvas.Left="72.8272" Canvas.Top="94.9058" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 78.2622,95.5347C 78.3188,95.3132 78.6748,94.7461 75.984,100.37C 73.2932,105.993 72.7893,111.757 73.8326,114.562C 74.876,117.368 76.96,117.705 78.4614,117.235C 79.9629,116.765 82.0924,114.614 81.7345,112.418C 81.3767,110.222 79.7939,98.8472 80.5159,97.4671C 81.2379,96.0869 80.9285,96.6784 78.2622,95.5347 Z "/>
            
<Path x:Name="path6" Width="75.141" Height="78.833" Canvas.Left="8.376" Canvas.Top="-10.593" StrokeThickness="7.60979" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFF03512" UseLayoutRounding="False">
                
<Path.Data>
                    
<PathGeometry FillRule="Nonzero">
                        
<PathFigure IsClosed="True" StartPoint="71.2370681762695,70.1806488037109">
                            
<BezierSegment Point1="71.2370681762695,70.1806488037109" Point2="66.4385757446289,34.4385643005371" Point3="45.0904998779297,21.3672637939453"/>
                            
<BezierSegment Point1="23.7422218322754,8.29592514038086" Point2="8.29606628417969,14.5382356643677" Point3="5.41401672363281,19.0438213348389"/>
                            
<BezierSegment Point1="2.53196668624878,23.5494575500488" Point2="14.2658452987671,37.6349716186523" Point3="17.4762020111084,47.8003234863281"/>
                            
<BezierSegment Point1="20.686559677124,57.9655723571777" Point2="21.7702026367188,75.0283126831055" Point3="21.7702026367188,75.0283126831055"/>
                            
<BezierSegment Point1="21.7702026367188,75.0283126831055" Point2="33.1517715454102,64.93017578125" Point3="46.9151496887207,66.567626953125"/>
                            
<BezierSegment Point1="60.6784248352051,68.2050857543945" Point2="72.4249496459961,70.7968292236328" Point3="71.2370681762695,70.1806488037109"/>
                        
</PathFigure>
                    
</PathGeometry>
                
</Path.Data>
            
</Path>
        
</Canvas>
    
</Canvas>
</UserControl>

 

接下来用矢量图动画代替切换图片帧的动画,也做成了SliverLight程序。

 

posted @ 2010-03-31 15:32  刘俊峰  阅读(1676)  评论(2编辑  收藏  举报