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.
In each view, I'm initialize the paper like this:
this.mypaper = new paper.PaperScope();
var circle = new this.mypaper.Path.Circle(10, 10, 5);
I haven't worked with Paper.js extensively, but it seems that each call to
Path isn't using the
PaperScope from which it's being accessed, but the global
paper object. So if you overwrite
paper to your desired PaperScope before each instantiation it should work.