Estoy tratando de usar paper.js en una aplicación web, pero no he podido hacer que funcione con varios lienzos. Es como si los ámbitos se mezclaran entre los lienzos, así que cuando pretendo dibujar en el lienzo 1, aparecerá en el lienzo 2.

En cada vista, inicializo el papel así:

this.mypaper = new paper.PaperScope();
this.mypaper.setup($("myCanvasId")[0]);

Cuando creo nuevos objetos de papel, uso lo que debería ser el ámbito local:

var circle = new this.mypaper.Path.Circle(10, 10, 5);

Sin embargo, cuando creo un círculo en view1, lo dibuja en view2 en su lugar.

He leído mucho, pero aún no he encontrado una explicación clara sobre cómo configurar múltiples endoscopios o cómo aislar vistas entre sí.

¿Alguien sabe cómo usar varios lienzos con paper.js correctamente?

EDITAR: He creado un jsFiddle para ilustrar el problema:http://jsfiddle.net/94RTX/1/