图像变换原理

图像的变换包括“缩放、旋转、变形（斜拉、扭曲）”，在计算机中，屏幕上每个显示的点都是基于坐标的，所以图像变换还包括“位移”。

下面以一个在第四象限的A正方形（四个顶点坐标分别为a（1，-1），b（2，-1），c（2，-2），d（1，-2），中心点为o（1.5，-1.5））为例来说明各种图像变换的原理：（只分享最终结果，推理步骤就不赘述了，聪明的你自己分析吧）

一、图像缩放（把A放大2倍）

 

二、图像旋转（把A顺时针旋转30度）

 

三、图像斜拉（把A水平斜切30度）

 

四、图像位移（把A往左平移2cm，往上平移2cm）

 

css3中transform的

transform: matrix(a,b,c,d,e,f);