//TranslateTransform平移變換
<!--將矩形水平移動(dòng)50單位,垂直移動(dòng)50單位-->
<Rectangle Height="50" Width="50"Fill="SkyBlue" Stroke="Blue"
StrokeThickness="2" Canvas.Left="100"Canvas.Top="100">
<Rectangle.RenderTransform>
<TranslateTransform X="50" Y="50"/>
</Rectangle.RenderTransform>
</Rectangle>
//RotateTransform旋轉變換
<!--旋轉前的矩形-->
<Rectangle Name="Rec3"Width="200" Height="10" Stroke="Blue" Fill="Red" Canvas.Left="100"Canvas.Top="100">
</Rectangle>
<!--不指定旋轉基點(diǎn)(CenterX,CenterY)-->
<Rectangle Name="Rec1"Width="200" Height="10" Stroke="Blue" Fill="Red" Canvas.Left="100"Canvas.Top="100">
<Rectangle.RenderTransform>
<RotateTransform Angle="25"/>
</Rectangle.RenderTransform>
</Rectangle>
<!--指定旋轉基點(diǎn)(CenterX,CenterY)-->
<Rectangle Name="Rec2"Width="200" Height="10" Stroke="Blue" Fill="Red" Canvas.Left="100"Canvas.Top="100">
<!--CenterX,CenterY點(diǎn)位于圖形對象的左上角-->
<Rectangle.RenderTransform>
<RotateTransform Angle="50" CenterX="20"CenterY="5"/>
</Rectangle.RenderTransform>
</Rectangle>
//ScaleTransform縮放變換
<Canvas>
<!--原始矩形-->
<TextBlock Canvas.Top="30"Text="原始矩形"></TextBlock>
<Rectangle x:Name="Rec1"Canvas.Left="0" Canvas.Top="50" Width="100" Height="100"Fill="Red">
</Rectangle>
<!--垂直放大2倍-->
<TextBlock Canvas.Top="180"Canvas.Left="10"Text="Y軸放大2倍"></TextBlock>
<Rectangle x:Name="Rec2"Canvas.Left="0" Canvas.Top="200" Width="100" Height="100"Fill="Red">
<Rectangle.RenderTransform>
<ScaleTransformScaleY="2"></ScaleTransform>
</Rectangle.RenderTransform>
</Rectangle>
<!--水平放大2倍-->
<TextBlock Canvas.Top="180"Canvas.Left="150"Text="X軸放大2倍"></TextBlock>
<Rectangle x:Name="Rec3"Canvas.Left="150" Canvas.Top="200" Width="100" Height="100"Fill="Red">
<Rectangle.RenderTransform>
<ScaleTransformScaleX="2"></ScaleTransform>
</Rectangle.RenderTransform>
</Rectangle>
<!--水平和垂直縮小,并指定中心點(diǎn)-->
<TextBlock Canvas.Top="30"Canvas.Left="150"Text="X軸和Y軸各自縮小2倍"></TextBlock>
<Rectangle x:Name="Rec4"Canvas.Left="150" Canvas.Top="50" Width="100" Height="100"Fill="Red">
<Rectangle.RenderTransform>
<ScaleTransform ScaleX="0.5" ScaleY="0.5"CenterX="50"CenterY="50"></ScaleTransform>
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>
//SkewTransform扭曲變換
<Canvas>
<!--原始矩形-->
<Rectangle x:Name="Rec1"Canvas.Left="0" Canvas.Top="0" Width="200" Height="100"Fill="Blue"></Rectangle>
<!--水平扭曲50度-->
<Rectangle x:Name="Rec2"Canvas.Left="210" Canvas.Top="0" Width="200" Height="100"Fill="Blue">
<Rectangle.RenderTransform>
<SkewTransformAngleX="50"/>
</Rectangle.RenderTransform>
</Rectangle>
<!--垂直扭曲10度-->
<Rectangle x:Name="Rec3"Canvas.Left="0" Canvas.Top="120" Width="200" Height="100"Fill="Blue">
<Rectangle.RenderTransform>
<SkewTransformAngleY="10"/>
</Rectangle.RenderTransform>
</Rectangle>
<!--基于指定的中心點(diǎn)水平和垂直扭曲-->
<Rectangle x:Name="Rec4"Canvas.Left="220" Canvas.Top="120" Width="200" Height="100"Fill="Blue">
<Rectangle.RenderTransform>
<SkewTransformAngleY="10" AngleX="10" CenterX="100"CenterY="50"/>
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>
//TransformGroup組合變換
<Canvas>
<!--先旋轉,再扭曲一個(gè)文本塊-->
<TextBlock FontSize="28"Canvas.Left="10" Canvas.Top="10"Text="在文本塊中組合多個(gè)變換">
<TextBlock.RenderTransform>
<TransformGroup>
<RotateTransform Angle="45" />
<ScaleTransform ScaleX="0.5"ScaleY="0.5"/>
</TransformGroup>
</TextBlock.RenderTransform>
</TextBlock>
</Canvas>