变换

一、变换

5个重要的属性

1、旋转 rotate

定义旋转，元素在自身的不动点基础上，元素在不变形的情况下进行转动，转动的大小用角度

来表示，如果为正值，则顺时针旋转，负值是逆时针旋转

 

2、扭曲 skew（x，y）

其实扭曲中的x 轴和y轴正好与数学中的相反，水平的为y轴，垂直的的x轴

如果skewX（x） 这时元素会在水平方向是变形，x为正数是顺时针扭曲，x为负数是逆时针扭曲，此时高度不会改变，我们可以将扭曲中的x轴理解为数学中的y轴，这时如果x=10deg，则元素在数学中的xy轴中，是顺着y轴顺时针扭曲10deg

同样skewY（y）也是一样，是以数学中的x轴为偏移的轴，我是根据网上的教程理解的，这里上传一张图片

 

 

3、缩放 scale

改变元素的大小，有两个参数，并且分别对应 x和y轴如果第二个参数未定义，则取第一个参数的值 通常是放大缩小其倍数

 

4、移动 translate

移动很好理解，水平移动或者是垂直移动，一般用单位px表示

 

5、矩阵变形 matrix

单位为度 deg