WPF仿射矩阵变换的效果

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Canvas> <!--旋转-30度--> <Rectangle Canvas.Left="320" Canvas.Top="120" Width="180" Height="180" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="320" Canvas.Top="120" Width="180" Height="180" Fill="Orange" Opacity="0.65"> <Rectangle.RenderTransform> <!--旋转-30度--> <MatrixTransform Matrix="0.866,-0.5,0.5,0.866,0,0" /> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="320" Canvas.Top="300" Text="测试（旋转-30度）"/> <!--WPF的矩阵结构--> <TextBlock Canvas.Left="620" Canvas.Top="100" Text="WPF的矩阵结构："/> <TextBlock Canvas.Left="625" Canvas.Top="130" Text="M11 M12 0" FontFamily="Courier New"/> <TextBlock Canvas.Left="625" Canvas.Top="160" Text="M21 M22 0" FontFamily="Courier New"/> <TextBlock Canvas.Left="625" Canvas.Top="190" Text="OffsetX OffsetY 1" FontFamily="Courier New"/> <Path Data="M 620 130 L 620 200 Z M 770 130 L 770 200 Z" Stroke="Black" StrokeThickness="1" /> <!--旋转α度--> <TextBlock Canvas.Left="620" Canvas.Top="240" Text="旋转α度："/> <TextBlock Canvas.Left="625" Canvas.Top="270" Text="cos(α) sin(α) 0" FontFamily="Courier New"/> <TextBlock Canvas.Left="625" Canvas.Top="300" Text="-sin(α) cos(α) 0" FontFamily="Courier New"/> <TextBlock Canvas.Left="625" Canvas.Top="330" Text="OffsetX OffsetY 1" FontFamily="Courier New"/> <Path Data="M 620 270 L 620 340 Z M 770 270 L 770 340 Z" Stroke="Black" StrokeThickness="1" /> <!--无变换--> <Rectangle Canvas.Left="20" Canvas.Top="20" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="20" Canvas.Top="20" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform Matrix="1 0 0 1 0 0" /> <!--或者--> <!--<MatrixTransform Matrix="0 1 1 0 0 0" />--> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="20" Canvas.Top="80" Text="无变换(Width:60,Height:60)"/> <TextBlock Canvas.Left="80" Canvas.Top="20" Text="M11=1 M12=0"/> <TextBlock Canvas.Left="80" Canvas.Top="40" Text="M21=0 M22=1"/> <TextBlock Canvas.Left="80" Canvas.Top="60" Text="OffsetX=0 OffsetY=0"/> <!--M11--> <Rectangle Canvas.Left="20" Canvas.Top="120" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="20" Canvas.Top="120" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="0.5" M12="0" M21="0" M22="1" OffsetX="0" OffsetY="0" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="20" Canvas.Top="180" Text="M11=0.5"/> <!--M12--> <Rectangle Canvas.Left="120" Canvas.Top="120" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="120" Canvas.Top="120" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="1" M12="0.5" M21="0" M22="1" OffsetX="0" OffsetY="0" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="120" Canvas.Top="180" Text="M12=0.5"/> <!--M21--> <Rectangle Canvas.Left="20" Canvas.Top="220" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="20" Canvas.Top="220" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="1" M12="0" M21="0.5" M22="1" OffsetX="0" OffsetY="0" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="20" Canvas.Top="280" Text="M21=0.5"/> <!--M22--> <Rectangle Canvas.Left="120" Canvas.Top="220" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="120" Canvas.Top="220" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="1" M12="0" M21="0" M22="0.5" OffsetX="0" OffsetY="0" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="120" Canvas.Top="280" Text="M22=0.5"/> <!--OffsetX--> <Rectangle Canvas.Left="20" Canvas.Top="320" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="20" Canvas.Top="320" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="1" M12="0" M21="0" M22="1" OffsetX="30" OffsetY="0" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="20" Canvas.Top="380" Text="OffsetX=30"/> <!--OffsetY--> <Rectangle Canvas.Left="120" Canvas.Top="320" Width="60" Height="60" Stroke="Orange" StrokeDashArray="3 1" StrokeThickness="2" /> <Rectangle Canvas.Left="120" Canvas.Top="320" Width="60" Height="60" Fill="Orange" Opacity="0.65" > <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix M11="1" M12="0" M21="0" M22="1" OffsetX="0" OffsetY="30" /> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> <TextBlock Canvas.Left="120" Canvas.Top="380" Text="OffsetY=30"/> </Canvas> </Page> 

 

------

平移

1    0    0

0    1    0

tx   ty   1

 

缩放

sx   0    0

0     sy  0

0     0    1

 

剪切

1     shy   0

shx  1      0

0      0      1

 

旋转

cos(α)   sin(α)   0

-sin(α)   cos(α)  0

0           0          1

 

以(x, y)为轴心顺时针旋转

cos(α)                        sin(α)                         0

-sin(α)                        cos(α)                        0

x-x*cos(α)+y*sin(α)   y-x*sin(α)-y*cos(α)   1

 

 

 

参考：

http://blog.csdn.net/jungleford/archive/2005/11/29/539302.aspx

http://download.oracle.com/javase/1.5.0/docs/api/java/awt/geom/AffineTransform.html#getTranslateInstance(double, double)