javascript - 将子项添加到 Container() EaselJS

Question

我正在学习一些教程并尝试使用 javascript，尤其是 EaselJS。我想创建许多将图像和文本保存在一起的容器。但当我尝试将文本和图像添加到容器时，出现以下错误:“未捕获的类型错误:未定义不是函数”。

    function init() {
        stage = new createjs.Stage("demoCanvas");


        for(var i=0; i<container.length; i++) { //looping through creation of objects
            container[i] = new createjs.Container();
            container[i].x = Math.floor(Math.random() * (760 - 40));
            img[i] = new createjs.Bitmap (" choc.png" );
            container.addChild(img[i]);
            txt[i] = new createjs.Text(i, "bold 16px Courier", "#fff");
            txt[i].textAlign = "center";
            txt[i].y = 50;
            container.addChild(txt[i]);
            stage.addChild(container[i]);

        }

错误出现在 container.addChild(img[i]); 行。

Answer 1

您正尝试在 container 数组上调用 addChild，而不是在 Container 实例上。我相当确定这就是您的意图:

container[i].addChild(img[i]);

这就是命名很重要的原因。考虑使用 containers 或 containerList 而不是 container 作为数组名称，以明确它是一个集合。