Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <canvas id="canvas1"></canvas>
  <canvas id="canvas2"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.11.5/paper-full.js"></script>
</body>
</html>
 
window.onload = function() {
  var scope1 = new paper.PaperScope();
  var scope2 = new paper.PaperScope();
  //
  scope1.setup(document.getElementById('canvas1'));
  scope2.setup(document.getElementById('canvas2'));
  
  // ACTIVATE SCOPE # 1
  scope1.activate()
  var path = new paper.Path.Circle(paper.view.center, 10);
  path.fillColor = 'red';
  // ACTIVATE SCOPE # 2
  scope2.activate()
  var path = new paper.Path.Rectangle([
    paper.view.center.x-10, 
    paper.view.center.y-10
  ], 20);
  path.fillColor = 'blue';
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers