title: Scroll Raphael zoomed-in paper
body: <p>In this <a href="http://jsfiddle.net/Pgschr/ef37ytko/10/" rel="nofollow noreferrer">jsFiddle</a> I have a Raphael paper with two rects. I zoomed in the paper 200% by applying <code>setViewBox</code>.</p>
  
  <p>The width of the rects (they have the same size) is 50px, and with the <code>setViewBox</code> function they are extended to 100px, that works fine. My issue is that the paper dimensions should increase 200% as well (i.e. the paper height and width) and since the div containing the paper is smaller than the paper, I should be able to scroll.</p>
  
  <p>I need to achieve the following:</p>
  
  <p>(1) All the inner elements in the Raphael paper should increase their size 200%.</p>
  
  <p>(2) The paper dimensions should also increase 200% to 400px.</p>
  
  <p>(3) Since the dimensions of the zoomed paper (400px) are larger than its containing div (200px), the div should be scrollable. </p>
  
  <p>Any ideas how to make this work? Doesn't have to be with <code>setViewBox</code>.</p>