图形变换核心原理（平移、缩放、旋转，拉伸）

以Android为例，在使用Matrix进行绘图时有如下变换方法

// 缩放
public boolean preScale(float sx, float sy, float px, float py)
// 平移
public boolean preTranslate(float dx, float dy)
// 旋转    
public boolean preRotate(float degrees, float px, float py)
// 倾斜    
public boolean preSkew(float kx, float ky, float px, float py)

​ 在我们进行图片变换的时候，需要做各种各样的操作，其中的原理需要我们细细体会一下，今天来总结下图形变换的核心原理

​ 首先我们计(w,v)为源图像的像素点位置，(x,y)为目标像素点的位置。我们当前有一个变化因子记为T,这三者之前存在着这样的映射关系：

$(x,y,1)=(w,v,1)T$

T是一个3×33×3的矩阵

​ $$T=\left[\begin{array}{ccc}1& 0& 0\\ 0& 1& 0\\ 0& 0& 1\end{array}\right]$$

具体变换方式如下

变换名称	仿射矩阵	坐标公式
恒等变换	$$\left[\begin{array}{ccc}1& 0& 0\\ 0& 1& 0\\ 0& 0& 1\end{array}\right]$$	x=w y=v
尺度变换	$$\left[\begin{array}{ccc}{C}_x& 0& 0\\ 0& C_y& 0\\ 0& 0& 1\end{array}\right]$$	$x=C_{x}w,y=C_{y}v$
旋转变换	$$\left[\begin{array}{ccc}cos\theta & sin\theta & 0\\ -sin\theta & cos\theta & 0\\ 0& 0& 1\end{array}\right]$$	$x=wcos\theta -vsin\theta$ $y=vsin\theta +wcos\theta$
平移变换	$$\left[\begin{array}{ccc}1& 0& t_x\\ 0& 1& t_y\\ 0& 0& 1\end{array}\right]$$	$x=w+t_x,y=v+t_y$
偏移变换	$$\left[\begin{array}{ccc}1& C_1& 0\\ C_2& 1& 0\\ 0& 0& 1\end{array}\right]$$	$x=w{C}_1+v$ $y=w{C}_2+v$

以缩放为例，下图为缩放图像

♥

缩放公式如下

$\left[\begin{array}{ccc}2& 0& 0\\ 0& 2& 0\\ 0& 0& 1\end{array}\right]\ast \left[\begin{array}{c}w\\ v\\ 1\end{array}\right]=\left[\begin{array}{c}2w\\ 2v\\ 1\end{array}\right]$

（0，0）坐标变成（0，0）

（0，1）坐标变成（0，2）

（1，1）坐标变成（2，2）

（1，0）坐标变成（2，0）

同理，平移公式如下

$\left[\begin{array}{ccc}1& 0& x\\ 0& 1& y\\ 0& 0& 1\end{array}\right]\ast \left[\begin{array}{c}w\\ v\\ 1\end{array}\right]=\left[\begin{array}{c}w+x\\ v+y\\ 1\end{array}\right]$

平移坐标（w,v）就变成了（w+x,x+y）

图像的旋转公式如下

$\left[\begin{array}{ccc}cos\theta & sin\theta & 0\\ -sin\theta & cos\theta & 0\\ 0& 0& 1\end{array}\right]\ast \left[\begin{array}{c}w\\ v\\ 1\end{array}\right]=\left[\begin{array}{cc}wcos\theta +vsin\theta & \\ vcos\theta -vsin\theta & \\ 1& \end{array}\right]$

1. 矩阵乘法的概念:https://baike.baidu.com/item/矩阵乘法/5446029?fr=aladdin