title: Combining Multiple SVG Transformations
body: <p>I'm new to Snap.svg and SVG and experimenting with transformations (an illustraiting plunk can be found <a href="http://plnkr.co/edit/myqCJm?p=preview" rel="nofollow">here</a>). Basically I'm trying to move, scale and rotate a shape according to its configuration. This is what I've found out so far:</p>
  
  <ul>
  <li>rotating around a point is possible with <a href="https://developer.mozilla.org/de/docs/Web/SVG/Attribute/transform#Rotating_and_Translating_an_SVG_element" rel="nofollow">rotate(angle, x, y)</a></li>
  <li>there is no direct transform method to scale around a point but it can be done as described in "<a href="http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Transforming_the_Coordinate_System#Technique%3a_Scaling_Around_a_Center_Point" rel="nofollow">SVG Essentials</a>"</li>
  </ul>
  
  <p>However combining these transforms doesn't give me the expected result - my expected calculated center of the shape differs from the rendered one. Can anyone give me some pointers on how to correctly put these transforms together?</p>
  
  <p>Regards,
  Andi</p>