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();

鼠标时使用此功能。现在一切都很好。

在多功能上用paper.js绘制函数

1 个答案: