svg的transform属性

svg元素的transform属性，用来对一个元素声明了一组转换的定义，该变换可用于这个元素与这个元素的子元素。转换定义的每一项用空格或者逗号隔开，并从右到左被应用。

transform的定义：

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参数，那么旋转是关于当前坐标系的原点的旋转。旋转操作如下：

如果提供了x和y参数，那么旋转就是关于点（x,y）的。该操作与下面操作效果一致：translate(x,y) rotate(a) translate(-x,-y)。

skewX(<a>):该转换指定了一个倾斜变换，该变换是沿着x轴，旋转a度。如matrix

skewY(<a>):该转换指定了一个倾斜变换，该变换是沿着y轴，旋转a度。如matrix

综上，所有的变换都可以替换成等效果的matrix变换。