title: RaphaelJS rotation not working
body: <p>I'm banging my head against a wall with this one. I have raphael js version 2.0 and I need to make images rotate in a way that's cross-browser. I would love to do it in CSS3, but not all browsers support what I need to do.</p>
  
  <p>so, after racking my brain, I went to the Raphael playground and tried out some code in there. Doesn't work there either. What's going on here?</p>
  
  <p>go to playground: <a href="http://raphaeljs.com/playground.html" rel="noreferrer">http://raphaeljs.com/playground.html</a>
  run this code, should see an outline of a square.
  paper.rect(100, 100, 300,300).animate({rotation:"-45"}, 2000);</p>
  
  <p>using transform works:</p>
  
  <p>paper.rect(100, 100, 300,300).animate({transform:"r45"}, 2000);</p>
  
  <p>but unfortunately with transform, I can't seem to specify a centerpoint. I want the object to rotate off the bottom-left corner. I can do that with this code:</p>
  
  <p>paper.rect(100, 100, 300,300).rotate(45,0,300)</p>
  
  <p>but that doesn't animate, or accept easing, or have any callbacks.</p>
  
  <p>I've seen "rotation" in several examples including these:</p>
  
  <p><a href="http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP" rel="noreferrer">http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP</a>
  <a href="http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/" rel="noreferrer">http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/</a></p>
  
  <p>thanks,
  - keith</p>