RotateTransform Transformation : RotateTransform « Graphics « Silverlight






RotateTransform Transformation

RotateTransform 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>
    
          <RotateTransform Angle="30"/>
        </Rectangle.RenderTransform>
      </Rectangle>
    
      <Rectangle Width="200" Height="100"
                 Canvas.Left="100" Canvas.Top="10"
                 Fill="Yellow" Stroke="Black"
                 StrokeThickness="4">
         <Rectangle.RenderTransform>
           <RotateTransform Angle="75"/>
         </Rectangle.RenderTransform>
       </Rectangle>
    
       <Rectangle Width="200" Height="100"
                  Canvas.Left="100" Canvas.Top="10"
                  Fill="Blue" Stroke="Black"
                  StrokeThickness="4">
          <Rectangle.RenderTransform>
            <RotateTransform Angle="45"/>
         </Rectangle.RenderTransform>
       </Rectangle>
    </Canvas>

</UserControl>

            

   
    
  








Related examples in the same category

1.Use RotateTransform to transform an image
2.Rotate the text 90 degrees using a RotateTransformRotate the text 90 degrees using a RotateTransform
3.Degree Radian RotationDegree Radian Rotation
4.Rotated 35 degrees