transform属性指定了一组转换定义,这些指定的转换可以被应用到一个元素及其子元素上。这组转换被空格或者逗号隔开,被从右到左被应用。
transform定义的类型:
matrix(a,b,c,d,e,f)
:
该转换由一个六个参数构造的矩阵指定,
matrix(a,b,c,d,e,f)与使用转换矩阵
的效果一致。即从一个新的坐标系映射到原先的坐标系,映射函数如下:
translate(<x> [<y>]):该变换由x及y指定。效果与matrix(1 0 0 1 x y)一致。如果没有提供y,则y默认为0。
scale(<x>[<y>]):该比例变换由x及y指定。效果等同于matrix(x 0 0 y 0 0)。如果没有提供y值,则y默认为x值。
rotate(<a> [<x> <y>]):该变换为旋转变换,即围绕指定点(x,y)旋转角度a,如果没有提供x与y值,那么默认为关于原点进行旋转。旋转函数如
matrix
该操作与变换组合:
translate(<x>, <y>) rotate(<a>) translate(-<x>, -<y>)效果一致。
skewX(<a>):关于x轴倾斜a度.如
matrix
skewY(<a>):关于y
轴倾斜a度.如
matrix