ScaleTransform Transformation

  
<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.RenderTransform>
           <ScaleTransform ScaleX="2.5" ScaleY="2.5"/>
         </Rectangle.RenderTransform>
       </Rectangle>
    
       <Rectangle Width="200" Height="100"
                 Canvas.Left="100" Canvas.Top="10"
    
                  Fill="Yellow" Stroke="Black" StrokeThickness="4">
         <Rectangle.RenderTransform>
           <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
         </Rectangle.RenderTransform>
       </Rectangle>
    
       <Rectangle Width="200" Height="100"
                  Canvas.Left="100" Canvas.Top="10"
                  Fill="Blue" Stroke="Black" StrokeThickness="4">
         <Rectangle.RenderTransform>
           <ScaleTransform ScaleX="0.5" ScaleY="0.5"/>
         </Rectangle.RenderTransform>
       </Rectangle>
    </Canvas>
    
                

</UserControl>

Related examples in the same category

1.	Use ScaleTransform to transform an image
2.	Scale the text using a ScaleTransform
3.	Scales a rectangle by 200% from a center of (0,0)
4.	Scales a rectangle by 200% from a center of (25,25)
5.	ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25)
6.	Scales a rectangle by 200% from a center of (0.5,0.5)
7.	ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)
8.	Path with ScaleTransformation
9.	Multiscaled Cubic Bezier Curves
10.	Scale Up

ScaleTransform Transformation : ScaleTransform « Graphics « Silverlight

Related examples in the same category