矩阵 matrix
3d变形函数位移、旋转和缩放都是通过矩阵设置不同的参数而实现的。相比于2d矩阵martrix()的6个参数而言,3d矩阵matrix3d却有12个参数。其变形规则与2dmatrix()类似,只不过是从33矩阵,变成了44矩阵
matrix3d(a,b,c,0,d,e,f,0,g,h,i,0,j,k,l,1)

【 矩阵matrix 】
实际上,位移、缩放、旋转和倾斜这四个操作都是通过矩阵matrix实现的
matrix(a,b,c,d,e,f)函数有a,b,c,d,e,f这6个参数。而x和y是变形前元素的任意点。通过以下矩阵变换,生成对应的新坐标x'和y'。
x' = ax + cy + e; y' = bx + dy + f;
由此可得到默认a、d为1,b、c、e、f为0。a和d控制缩放,且不可为0;c和b控制倾斜;而e和f控制位移
[注意] matrix()方法的最后两个参数,对于chrome浏览器来说,默认是px单位,可以不写单位。但是,在firefox浏览器下,需要添加单位。
镜像对称
对称轴一定通过元素变换的中心点,k是对称轴的斜率。

matrix((1-k*k)/(1+k*k),2k/(1+k*k),2k/(1+k*k),(k*k-1)/(1+k*k),0,0)