kineticjs - kineticjs - 如何添加多个阶段

Question

我正在尝试构建一个 pdf 注释器（使用 pdf.js 渲染 pdf ， kineticjs 绘制，以及 pdfsharp 作为服务器端库）。单击按钮时，我的 pdf 顶部将添加一个阶段。当pdf超过一页时，问题就开始了。在这种情况下，我需要为每个页面添加单独的阶段。任何想法如何实现？

Answer 1

我试图循环浏览我的 pdf 中的页面，并为每个具有不同容器名称的页面添加阶段。所以这很简单。我现在遇到的问题是给它们动态名称（stage1，stage2 ....）在下面的代码中，我正在向每个页面添加stage（全局变量）。所以基本上，不管这听起来多么愚蠢，我正在寻找一种方法来创建一些全局变量，这些变量将代表每个页面的新舞台对象。

for (var i = 1; i < PDFView.pages.length; i++)
    {
        var kineticContainer = 'container' + i;
        var pageContainer = "#pageContainer" + i;
        var container = $('<div  id="' + kineticContainer + '"  class = "sym_container"   >' + '</div>')
                                                 .css("left", 0).css("top", 0)
            stage = new Kinetic.Stage({
            container: kineticContainer,
            width: Sym_CanvasSize * Sym_Ratio,
            height: 800,
            id: kineticContainer
        });
        layer = new Kinetic.Layer();            

    }