canvas.removeChild(位图文本) 不工作

Question

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

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中的var（在bitmapTextInit()中），您正在创建一个新变量。

canvas.removeChild(位图文本) 不工作

canvas.removeChild(bitmapText) is not working

canvas

bitmap

html5-canvas

createjs