title: How to animate 'Raphael' canvas?
body: <p>I'm using the Raphael library to create SVG objects.</p>
  
  <p>To initialise the SVG shape and create a canvas for everything inside, I've used the following line as stated in the documentation:</p>
  
  <pre><code>var paper = Raphael(10, 50, 320, 200);
  </code></pre>
  
  <p>I now want to animate the paper and everything inside it, just like I would animate a shape which had been appended to the paper in the following maner:</p>
  
  <pre><code>var firstShape = paper.rect(x, y, width, height);
  firstShape.animate({x: 100}, 500, "&lt;");
  </code></pre>
  
  <p>When I try something similar with the paper such as:</p>
  
  <pre><code>paper.animate({x: 100}, 500, "&lt;");
  </code></pre>
  
  <p>I get the error '<code>paper.animate is not a function</code>'.</p>
  
  <p>What's happening here, and how can I get around it?</p>