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);