Rendering rectangles with TranslateTransform. : TranslateTransform « Graphics « Silverlight






Rendering rectangles with TranslateTransform.

Rendering rectangles with TranslateTransform.
   
<UserControl x:Class='SilverlightApplication3.MainPage'
    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' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Canvas>
       <Rectangle Width="200" Height="100"
                  Canvas.Left="100" Canvas.Top="10"
                  Fill="Red" Stroke="Black"
                  StrokeThickness="4">
    
       </Rectangle>
    
      <Rectangle Width="200" Height="100"
                 Canvas.Left="100" Canvas.Top="10"
                 Fill="Yellow" Stroke="Black"
                 StrokeThickness="4">
         <Rectangle.RenderTransform>
            <TranslateTransform X="50" Y="50" />
         </Rectangle.RenderTransform>
       </Rectangle>
    </Canvas>
</UserControl>

   
    
    
  








Related examples in the same category

1.Skew the text using a TranslateTransformSkew the text using a TranslateTransform
2.TranslateTransform X: 50 / Y: 0
3.TranslateTransform X: 0 / Y : 50TranslateTransform X: 0 / Y : 50
4.TranslateTransform X: 50 / Y: 50TranslateTransform X: 50 / Y: 50
5.Rotate then TranslateRotate then Translate
6.Translate then RotateTranslate then Rotate
7.Animated Text Transform