title: Snap.svg scale and animate SVG
body: <p>I'm trying to scale my SVG with <code>g.animate({ transform: "s2.5,2.5," + bbox.cx + "," + bbox.cy }, 0);</code> and then animate <code>wheelAnimation(bbox.cx, bbox.cy, 1500);</code></p>
  
  <pre><code>var i = 0;
  function wheelAnimation(cx, cy, speed){
      i++;
      g.animate(
          { transform: "r360," + cx + ',' + cy}, // Basic rotation around a point. No frills.
          speed, // Nice slow turning rays
          function(){
              if(i == 5)
                  speed = 5000;
              g.attr({ transform: 'rotate(0 ' + cx + ' ' + cy}); // Reset the position of the rays.
              wheelAnimation(cx,cy, speed); // Repeat this animation so it appears infinite.
          }
      );
  }
  </code></pre>
  
  <p>But my SVG didn't scaling. It's only rotates. If I remove rotation - SVG scaling. How to combine it to immediately scale and then animate rotation?</p>
  
  <p><a href="http://plnkr.co/edit/Shyhvs0uKI4l6jvDjMZr?p=preview" rel="nofollow">Plunker example</a></p>