kineticjs - 如何添加多个阶段

时间:2013-09-11 10:08:26

标签: kineticjs

我正在尝试构建一个pdf注释器(使用pdf.js渲染pdf,kineticjs绘制,pdfsharp作为服务器端库)。点击按钮,我的pdf顶部会添加一个舞台。当pdf有多个页面时,问题就开始了。在这种情况下,我需要为每个页面添加分离的阶段。任何想法如何实现?

1 个答案:

答案 0 :(得分:0)

我试图在我的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();            

    }