transform基本转换应用2D

  最近在折腾transform，其实不想写啥的，但看在忙活的一天多的份上就简单写一下额。（PS：只作为记录，语言表达能力有限）。

transform常用的几个值：translate 偏移 scale 缩放 skew 拉伸/倾斜 rotate 旋转   （PS：这几个值都比较好理解，只要记得用到的坐标轴Y轴是向下的）

真正浪费我时间的是matrix 矩阵 矩阵是个数学中的概念，很简单，不了解的可以先学一下，至于怎么实现的用matrix完成上面值的效果我就不说了，（PS：要想知道为

什么，欢迎大家去张鑫旭的博客看看）我就只说下最后的结果。

 

（PS：以下结果成立的条件，用到坐标轴Y轴向下，即与直接使用上面四个值一样）

matrix（A,B,C,D,E,F）六个参数中，第一个和第四个（A,D）控制（XY值no匡高）scale缩放，栗子（省略transform）matrix（2,0,0,2,0,0）与scale（2,2）效果一样

第二个和第三个（B,C）控制skew拉伸，不过B代表Y轴角度的tan值，C代表X轴角度的tan值，栗子 matrix(1,1.7,1.7,1,0,0)与skew（60deg,60deg）效果一样

（1.7为tan60的约值）

第五个和第六个（E,F）代表（X,Y）的translate位移值，栗子  matrix(1,0,0,1,30,50)与translate（30px,50px）效果一样

rotate旋转要单独写出来前四个值（A,B,C,D）分别是旋转角度的（cos，sin，-sin，cos）值，matrix中值不用单位。这个与上面算法一样就不算值了