Snap.svg中transform旋转值的“r+数组”表现形式

Snap.svg中transform的值还可以写为类似以下这种形式：

transform:'r'+[100,[50,50]];

这种写法的意思是，让元素以(50,50)为旋转中心点，然后旋转100度。

 

 

即：

transform: 'r' + [{旋转角度},[{Svg-x轴方向的值},{Svg-y轴方向的值}]];

如果旋转后的角度是变小的，则为逆时针旋转；

如果旋转后的角度是增大的，则为顺时针旋转。

 

 

最后再举个例子：

让rect以右下角为旋转点顺时针旋转90度

var s=$('#svg');

var rect = s.rect(0, 0, 100, 100);

        rect.animate({

            transform: 'r' + [90,[100,100]]

        },1000);