title: paper.js how to set up multiple canvases using only javascript
body: <p>I'm trying to use paper.js in a webapp, but I've been unable to get it to work with multiple canvases. It's like the scopes are getting mixed up between the canvases, so when I intend to draw on canvas 1, it appears on canvas 2.</p>
  
  <p>In each view, I'm initialize the paper like this: </p>
  
  <pre><code>this.mypaper = new paper.PaperScope();
  this.mypaper.setup($("myCanvasId")[0]);
  </code></pre>
  
  <p>When I create new paper objects, I use what should be the local scope:</p>
  
  <pre><code>var circle = new this.mypaper.Path.Circle(10, 10, 5);
  </code></pre>
  
  <p>However, when I create a circle in view1, it draws it in view2 instead.</p>
  
  <p>I've done a lot of reading, but I still haven't found a clear explanation of how to setup multiple paperscopes or how to isolate views from each other.</p>
  
  <p>Does anyone know how to use multiple canvases with paper.js correctly?</p>
  
  <p><br>
  <strong>EDIT</strong>: I've created a jsFiddle to illustrate the problem: <a href="http://jsfiddle.net/94RTX/1/">http://jsfiddle.net/94RTX/1/</a></p>