WPF 2D TranslateTransform

<Window x:Class="WpfApplication11.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="TranslateTransform" Height="330" Width="480">
<Window.Resources >
<SolidColorBrush x:Key="MyGrayGridBrush" Color="YellowGreen"/>
</Window.Resources>
<Viewbox Stretch="Uniform">
<Grid Width="525" Height="330" 
HorizontalAlignment="Left" 
VerticalAlignment="Top"  
ShowGridLines="True">
	<Grid.ColumnDefinitions>
		<ColumnDefinition Width="260" />
		<ColumnDefinition Width="260" />
	</Grid.ColumnDefinitions>
	<StackPanel Grid.Column="0">
		<TextBlock HorizontalAlignment="Center" 
        Margin="10,10,10,0" 
        TextWrapping="Wrap"  
        FontSize="14" FontWeight="Bold" 
        Text="Translation Animation"/>
		<TextBlock Margin="10,10,10,0"  
        TextWrapping="Wrap" 
        Text="The translation properties X and Y and 
		animated from -90 to 90 "/>
		<Border Margin="10" BorderBrush="Black" 
    BorderThickness="1"  
	Background="{StaticResource MyGrayGridBrush}" 
    HorizontalAlignment="Left">
			<Canvas ClipToBounds="True" Width="240" 
        Height="250">
				<Rectangle Canvas.Left="100"  
                Canvas.Top="80"  
                Width="50" Height="70" 
                Fill="LightCoral"  
                Opacity="0.5" 
                Stroke="Black"  
                StrokeThickness="2">
					<Rectangle.RenderTransform>
						<TranslateTransform x:Name="translate" />
					</Rectangle.RenderTransform>
				</Rectangle>
				<!-- Animate the rectangle: -->
				<Canvas.Triggers>
					<EventTrigger RoutedEvent="Canvas.Loaded">
						<BeginStoryboard>
						    <Storyboard RepeatBehavior="Forever" 
							AutoReverse="True">
							<DoubleAnimation 
						Storyboard.TargetName="translate" 
						Storyboard.TargetProperty="X" 
						From="-90" To="90" Duration="0:0:5"/>
							<DoubleAnimation 
						Storyboard.TargetName="translate" 
						Storyboard.TargetProperty="Y" 
						From="-90" To="90" Duration="0:0:5"/>
						    </Storyboard>
						</BeginStoryboard>
					</EventTrigger>
				</Canvas.Triggers>
			</Canvas>
		</Border>
	</StackPanel>
 
	<StackPanel Grid.Column="1">
		<TextBlock  HorizontalAlignment="Center" 
        Margin="10,10,10,10" 
        TextWrapping="Wrap" 
        FontSize="14" FontWeight="Bold" 
        Text="Interactive Translation"/>
		<Grid Width="260" Height="26" 
    HorizontalAlignment="Left" 
    VerticalAlignment="Top">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="70" />
				<ColumnDefinition Width="50" />
				<ColumnDefinition Width="70" />
				<ColumnDefinition Width="50" />
			</Grid.ColumnDefinitions>
 
			<TextBlock Margin="2,2,10,2" 
            TextAlignment="Right" 
            Text="X"/>
			<Slider Name="tbScaleX" Width="50" 
            Height="20" Grid.Column="1" 
            Maximum="100" Minimum="-100" Value="1"/>
			<TextBlock Margin="2,2,10,2" 
            Grid.Column="2" 
            TextAlignment="Right" 
            Text="Y"/>
			<Slider Name="tbScaleY" Width="50" 
            Height="20" Grid.Column="3" 
            Maximum="100" Minimum="-100" Value="1"/>
		</Grid>
 
		<Border Margin="10" BorderBrush="Black" 
    BorderThickness="1" 
	Background="{StaticResource MyGrayGridBrush}" 
    HorizontalAlignment="Left">
			<Canvas ClipToBounds="True"  
        Width="240" Height="250">
				<TextBlock Canvas.Left="90"  
                Canvas.Top="63"  
                Text="Original shape"/>
				<Rectangle Canvas.Top="80" 
                Canvas.Left="100" 
                Width="50" Height="70" 
                Stroke="Black" 
                StrokeThickness="1" 
                StrokeDashArray="3,1"/>
 
				<Rectangle Canvas.Top="80" 
                Canvas.Left="100"  
                Width="50" Height="70" 
                Fill="LightCoral"  
                Opacity="0.5"  
                Stroke="Black"  
                StrokeThickness="2">
					<!-- Set interactive scale: -->
					<Rectangle.RenderTransform>
						<TranslateTransform  
	X="{Binding ElementName=tbScaleX,Path=Value}" 
	Y="{Binding ElementName=tbScaleY,Path=Value}" 
					/>
					</Rectangle.RenderTransform>
				</Rectangle>
			</Canvas>
		</Border>
	</StackPanel>
</Grid>
</Viewbox>
</Window>

reference : Practical WPF Graphics Programming