Use ScaleTransform to transform an image : ScaleTransform « Graphics « Silverlight






Use ScaleTransform to transform an image

  

<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'>

<Image Source="image.jpg"
       Height="200" Width="300"
       RenderTransformOrigin="0.5,0.5" >
    <Image.RenderTransform>
        <TransformGroup>
            <ScaleTransform ScaleX="2" ScaleY="2"/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
        </Image.RenderTransform>
</Image>
</UserControl>

   
    
  








Related examples in the same category

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