1.ScaleTransform 让图片放大或者缩小的属性 以某个点 ( CenterX,CenterY ) 为原点建立一个平面直角坐标系,然后通过比例 ( ScaleX, ScaleY ) 放大或缩小
下面是例子和结果
<Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
<Image Source=" Images/2.PNG" Height="100" Width="100" VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="170,-86,150,0">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<ScaleTransform ScaleX="0.5" ScaleY="0.5" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Source=" Images/2.PNG" Height="56" Width="40" VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="30,-62,195,0" Grid.Column="1">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<ScaleTransform ScaleX="9" ScaleY="5" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
2.SkewTransform 让图片倾斜的属性, 以某个点 ( CenterX,CenterY ) 为原点建立一个平面直角坐标系,然后通过x,y轴的旋转角度 ( AngleX, AngleY ) 来实现图片倾斜的效果
<Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
<!--图片按钮设置-->
<Image Source=" Images/2.PNG" Height="100" Width="100" VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="215,-71,105,0">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<SkewTransform AngleX="0" AngleY="45" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Source=" Images/2.PNG" Height="100" Width="100" VerticalAlignment="Bottom" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="40,-61,125,17" Grid.Column="1">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<SkewTransform AngleX="45" AngleY="0" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
3.RotateTransform 让图片旋转的属性 以某个点 ( CenterX,CenterY ) 为原点按照(Angle ,单位是度)顺时针方向旋转。
<Image Source=" Images/2.PNG" Width="100" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="35,-86,285,42" Height="100" VerticalAlignment="Bottom"/>
<!--图片按钮设置-->
<Image Source=" Images/2.PNG" Height="100" Width="100" VerticalAlignment="Top" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="215,-71,105,0">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<RotateTransform Angle="60" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Source=" Images/2.PNG" Height="100" Width="100" VerticalAlignment="Bottom" Stretch="Fill" Cursor="Hand" RenderTransformOrigin="0.5,0.5" Margin="40,-61,125,17" Grid.Column="1">
<Image.RenderTransform>
<TransformGroup>
<!--以 CenterX CenterY 为原点,然后以 ScaleX ScaleY 的值进行缩小或者放大功能-->
<RotateTransform Angle="45" CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
4.TranslateTransform 平移,通过 X Y 的值 在坐标系中平移对象 。