title: svg.js rotating element rotates whole coordinate system
body: <p>Using svg.js version 2.1.1</p>
  
  <p>When trying to rotate object and then move it, it looks like the whole coordinate system is rotating, and not only the object. It's like both axes are rotating with the object. This is not desired by me - I would like to use absolute coordinates, not relative to object. </p>
  
  <p>Maybe I don't understand SVG or svg.js and I do something wrong, but it looks ridiculous to me.</p>
  
  <p>Sample code</p>
  
  <pre><code>var draw = SVG('drawing').size(300,300)
  var img = 'https://pbs.twimg.com/profile_images/378800000674268962/06ce58cab26c3a0daf80cf57e5acb29b_400x400.jpeg'
  
  var picture = draw.image(img, 100, 100)
  picture.rotate(30)
  var i = 20
  
  picture.click(function() {    
      this.move(i,0)
      i += 20
  })
  </code></pre>
  
  <p>Here's the fiddle example of what I'm talking about: <a href="https://jsfiddle.net/dudek3370/swzqo5ye/8/" rel="nofollow">https://jsfiddle.net/dudek3370/swzqo5ye/8/</a></p>