title: How can I use Raphael JS to free transform?
body: <p>I have this SVG square that I want to be able to rotate and drag, how can I use Raphael JS to do this?</p>
  
  <p>This is the SVG i want to manipulate:</p>
  
  <pre><code>&lt;svg width="100" height="100"&gt;&lt;rect width="300" height="100" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /&gt;&lt;/svg&gt;
  </code></pre>