Question

我似乎是按照这本书来做的，但它并没有奏效。这个代码究竟出了什么问题？

<!DOCTYPE html>
<html lang="sv-se">
<head>
    <script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
    <script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>
    <script src="https://code.createjs.com/preloadjs-0.6.2.min.js"></script>
    <script src="https://code.createjs.com/soundjs-0.6.2.min.js"></script>

    <script type="text/javascript">

        function init() {
            var stage = new createjs.Stage("stage");
            stage.canvas.width = 1200;
            stage.canvas.height = 871;

             var queue = new createjs.LoadQueue();
             queue.on("complete", handleComplete, this);
             queue.loadManifest([
                 {id: "myImage", src:"images/image.jpg"}
             ]);
             function handleComplete() {
                 var myImage = queue.getResult("myImage");

                 stage.addChild(myImage);
             }
        }
    </script>
</head>
<body onLoad="init();">
    <canvas id="stage"></canvas>
</body>
</html>

我得到的只是这个错误消息：未捕获的InvalidStateError：无法执行＆＃39; dispatchEvent＆＃39; on＆＃39; EventTarget＆＃39;：提供的事件为空。

Answer 1

您必须从加载的图像中创建一个createjs.Bitmap对象，将其添加到舞台并随后更新舞台：

var myImage = new createjs.Bitmap(queue.getResult("myImage"));
stage.addChild(myImage);
stage.update();

无法将位图添加到舞台

1 个答案: