如何叠加多个画布

时间:2013-07-30 22:34:56

标签: canvas easeljs

我正在尝试使两个函数添加种子并删除种子...他们所做的只是在鼠标点的画布上稍微开始然后在鼠标点删除它,麻烦的是如果我使用removeChildAt它删除了我不想删除的其他叠加层。我以为我可以将所有“种子”或点放在单独的画布上并将该画布覆盖在另一个上面。

button1覆盖我不想删除的图像,按钮2添加一个点,按钮3删除最后一个点......

这是我的代码

            stage = new createjs.Stage("demoCanvas");
            seedstage = new createjs.Stage("demoCanvas2");
            stage.onload = setBG();

....我在想我可以做两个阶段,一个追踪种子的种子阶段,所以我可以添加删除它们......这可能吗?

    items:[{ 
       itemId: 'button1',
       xtype: 'button',
       text: 'click the button',
       visible: true,
       enableToggle: true,

       toggleHandler:
       function(button, pressed){
           if(button.pressed==true){
               overImage = new Image();
               overImage.src = "stuff.jpg";
               overlay = new createjs.Bitmap(overImage);
               overImage.addEventListener("mouseout", function(){
                                       // stage.enableMouseOver(30);
                                        overlay.alpha=0.5;
                                        }); 

               stage.addChild(overlay);

               stage.update();
               }
            else
             {stage.removeChild(overlay);
             stage.update();
             }

        }// end func




        },{
        itemId: 'button2',
        xtype: 'button',
        text: 'addSeed',
        enableToggle: true,
        handler: function(button, pressed)
          {
           if(button.pressed==true)
                {
                bgrd.addEventListener('click', onClick )   

                } 
           else {
                bgrd.removeEventListener('click',onClick)

                } //end addeventlistener
           }
         },{
         itemID: 'button3',
         xtype:'button',
         text:'remove seed',

         handler: function(){

            stage.removeChildAt(stage.getNumChildren()-1);
            stage.update();
         }
        }]

0 个答案:

没有答案