HTML5 canvas（Animate CC）使用按鈕從舞台上刪除動畫片段

Question

請幫忙，我花了整整一個上午的時間來解決這個問題，但失敗了。

我正在嘗試將舊的swf文件更新為新的html畫布。

到目前為止，我已經更新了所有內容，包括將所需的movieclip Image_1加載到舞台上的變量“ 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);
}

這應該可行，但是可能有更優雅的方法可以實現這一目標。