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

    }