HTML5 画布（Animate CC）使用按钮从舞台上删除影片剪辑

Question

请帮忙，我花了整整一个上午的时间试图解决这个问题，结果惨遭失败。

我正在尝试将旧的 swf 文件更新到新的 html 画布中。

到目前为止，我已经更新了所有内容，包括将我想要的动画剪辑 Image_1 加载到舞台上到 var "fl_MyInstance" 中，这是通过 button_1 通过以下代码加载的。

---

this.button_1.addEventListener("click", fl_MouseClickHandler.bind(this));

function fl_MouseClickHandler()
{
    var fl_MyInstance = new lib.Image_1();
    fl_MyInstance.x = 364.70;      
    fl_MyInstance.y = 199.30;       
    this.addChild(fl_MyInstance);

}

---

当这个电影剪辑在舞台上时，它有一个标记为 close1 的按钮，我尝试了很多代码来尝试关闭它....但它就是不起作用。

我尝试的最新代码是..

this.close1.addEventListener("click", fl_MouseClickHandler.bind(this));
function fl_MouseClickHandler()
{
  stage.removeChild( fl_MyInstance );
}

请帮忙，我知道它可能需要针对父级或引用阶段或根或其他东西，但所有尝试都无济于事。如有必要，我什至不介意清除所有孩子。

希望有人能帮忙。

标记

Answer 1

您的问题与范围有关。在新文件中尝试以下操作。在舞台上绘制两个影片剪辑并将它们命名为 buttonAdd 和 buttonRemove。在您的库中有一个名为 Rectangle 的影片剪辑。现在添加以下代码：

var that = this;
this.buttonAdd.addEventListener("click", addFromLibrary);
this.buttonRemove.addEventListener("click", removeClip);

function addFromLibrary(e)
{   
    window.myRectangle = stage.addChild(new lib.Rectangle());
}

function removeClip(e){
    stage.removeChild(myRectangle);
}

这应该可行，但可能有更优雅的方法来实现这一点。