функция рисования с paper.js на несколько функций

Question

Я реализую приложение для рисования. Я пытаюсь использовать paper.js, чтобы упростить линии и сделать их плавными. Я пытаюсь использовать метод от paper.js how to set up multiple canvases using only javascript. Однако, похоже, это не работает для меня. Когда я перехожу к каждому холсту, я хочу настроить новую «бумагу», чтобы рисовать материал на этом холсте.

Вот часть моих кодов:

var page = PDFViewerApplication.page; 
    var canvas = document.getElementById('annotation'+page); 
    if(canvas != null && canvas != undefined) { 
     if (pCanvas.indexOf(page) <= -1) { //make sure for each canvas only setup "paper" once 
     var mypaper = new paper.PaperScope(); 
     mypaper.setup(canvas); 
     //paper.setup(canvas); 
     pCanvas.push(page); 
     if(mypapers[page] == undefined || mypapers[page] == null) { 
      mypapers[page] = mypaper; 
     } 

     } 
    } 
    //if(mypapers[page]) 
    path = new mypapers[page].Path(); 
    path.strokeColor = gcolor; 
    path.strokeWidth = gline; 
    path.strokeCap = 'round'; 
    path.strokeJoin = 'round'; 
    path.add(new paper.Point(window.lastMousex.x, window.lastMousex.y)); 

Когда MouseUp я буду использовать path.Simplify сгладить линию. Извините за мой плохой английский.

Answer 1

Я много читал и, наконец, нашел ...

path.simplify(); 
    //path.smooth(); 
    mypapers[cpage].view.draw(); 

Используйте это когда MouseUp. Сейчас все работает отлично.