canvas.removeChild(bitmapText) 不工作

Question

我正在创建一个动画，我想删除一个位图并用一个新的来替换它。我可以在画布上添加新位图，但似乎无法删除旧位图。我的代码如下所示：

var canvas;
var bitmapText;

// onload call
function init() {
    canvas = new createjs.Stage("canvas");
    bitmapText = bitmapTextInit(); // adds bitmap text to canvas
    counter = 0;
    canvas.update();
}

function bitmapTextInit() {
    var bitmapText = new createjs.Bitmap("bitmapText.png");
    canvas.addChild(balloonsText);
}

function removeBitmapText() {
    canvas.removeChild(bitmapText);
}

function addNewtext() {
    var newText = new createjs.Bitmap("newText.png");
}

我有一个函数，如果 == true，它会删除旧图像并添加新图像以及播放音乐。

function compareAndPlayInit() {
if (counter == 3) {
    console.log("true");
    removeBitMapText();
    addNewText();
    createjs.Sound.play(music);
}

当计数器达到 3 时，它添加新的位图文本 (addNewBitmapText();) 并播放音乐 (createjs.Sound.play(music);) 但不删除旧的位图文本 (removeBitMapText(); )。

Answer 1

删除var bitmapText（bitmapTextInit()）中的var，您正在创建一个新变量。