Я пытаюсь использовать paper.js в webapp, но мне не удалось заставить его работать с несколькими холстами. Это подобно областям, которые смешиваются между холстами, поэтому, когда я намереваюсь рисовать на холсте 1, он появляется на холсте 2.
В каждом представлении я инициализирую документ следующим образом:
this.mypaper = new paper.PaperScope();
this.mypaper.setup($("myCanvasId")[0]);
Когда я создаю новые бумажные объекты, я использую то, что должно быть локальной областью:
var circle = new this.mypaper.Path.Circle(10, 10, 5);
Однако, когда я создаю круг в view1, он рисует его в view2.
Я много читал, но я до сих пор не нашел четкого объяснения того, как настраивать несколько бумаг или как изолировать представления друг от друга.
Кто-нибудь знает, как правильно использовать несколько холстов с paper.js?
EDIT: я создал jsFiddle, чтобы проиллюстрировать проблему: http://jsfiddle.net/94RTX/1/