本文详细解析了2D变换中的matrix参数，将其六个元素分别对应到缩放(scale)、倾斜(skew)、旋转(rotate)及平移(translate)等基本几何变换中，并解释了每个元素的具体含义。
transform 相对比较难理解的是 2D 的集合 matrix 。
这里只是对 matrix 里面的元素进行分解
matrix( 1 , 0 , 0 , 1 , 0 , 0 )
1 2 3 4 5 6
1. 正常值为1，定义的是 scaleX 通过设置 X 轴的值来定义缩放。值：>=0
2. 正常值为0，定义的是 skew 定义 2D 倾斜
3. 正常值为0，定义的是 rotate 定义2D 旋转角度
4. 正常值为1，定义的是 scaleY 通过设置 Y 轴的值来定义缩放。值：>=0
5. 正常值为0，定义的是 translateX 通过设置 X 轴的值来定义左右位移。值：任意
6. 正常值为0，定义的是 translateY 通过设置 Y 轴的值来定义上下位移。值：任意
这里只是对 matrix 里面的元素进行分解
matrix( 1 , 0 , 0 , 1 , 0 , 0 )
1 2 3 4 5 6
1. 正常值为1，定义的是 scaleX 通过设置 X 轴的值来定义缩放。值：>=0
2. 正常值为0，定义的是 skew 定义 2D 倾斜
3. 正常值为0，定义的是 rotate 定义2D 旋转角度
4. 正常值为1，定义的是 scaleY 通过设置 Y 轴的值来定义缩放。值：>=0
5. 正常值为0，定义的是 translateX 通过设置 X 轴的值来定义左右位移。值：任意
6. 正常值为0，定义的是 translateY 通过设置 Y 轴的值来定义上下位移。值：任意
扫一扫
1011
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
