添加 Children 到 Container() EaselJS

Adding Children to Container() EaselJS

我正在阅读一些教程并尝试使用 javascript,尤其是 EaselJS。我想创建许多将图像和文本放在一起的容器。但是我收到以下错误:"Uncaught TypeError: undefined is not a function" 当我尝试将文本和图像添加到容器时。

    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]); 行。

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

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

这就是命名很重要的原因。考虑使用 containerscontainerList 而不是 container 作为数组名称,以表明它是一个集合。