Adobe Animate HTML5 加载动画答案

【问题标题】：Adobe Animate HTML5 loading animationAdobe Animate HTML5 加载动画
【发布时间】：2016-10-21 03:41:09
【问题描述】：

我使用 Adobe Animate HTML5 画布创建了一个演示文稿，现在我想添加一个简单的动画，该动画在加载演示文稿后隐藏。我有动画并将其放置在 HTML 中就好了，但我不知道如何在所有内容加载后让它消失。代码如下：

<html>
<head>
<meta charset="UTF-8">
<title>Intervention</title>
<!-- write your code here -->


<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="Intervention.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
    // --- write your JS code here ---

    canvas = document.getElementById("canvas");

    var loader = new createjs.LoadQueue(false);
    loader.installPlugin(createjs.Sound);
    loader.addEventListener("complete", handleComplete);
    loader.loadManifest(lib.properties.manifest);
}

function handleComplete(evt) {
    exportRoot = new lib.Intervention();

    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();
    stage.enableMouseOver();

    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage);
}


function playSound(id, loop) {
    return createjs.Sound.play(id, createjs.Sound.INTERRUPT_EARLY, 0, 0, loop);
}
</script>

<!-- write your code here -->

</head>
<body onload="init();" style="background-color:#D4D4D4;margin:0px;">
    <canvas id="canvas" width="833" height="510" style="background-color:#FFFFFF"></canvas>
    <div id="MyLoader" style="position: absolute; top: 255px; left: 416px;"><img src="./images/myloader.gif"></div>
</body>
</html>

我应该在哪里放置什么，以便在画布加载后“MyLoader”将隐藏？

非常感谢！

【问题讨论】：

标签： javascript html animation canvas loader

【解决方案1】：

当 JavaScript 及其清单都加载完毕时，handleComplete 方法会触发，因此您可以将代码隐藏在其中。

function handleComplete(evt) {
    document.getElementById("MyLoader").style.display = "none";
    // other code in this method not shown...
}

【讨论】：

太棒了！非常感谢