A框架：如何等待执行，直到图像加载完毕？

Question

我需要帮助。 我正在做一些A帧网站，仅当加载背景图像时才需要它启动。 关键是球面免费图片，它们的360度范围非常大-像20000 x 20000 px，因此它们会加载10秒钟左右。 这取决于互联网的速度。 广告我不希望动画在背景完全加载（以及其他图像）之前执行。 然后，我添加了背景和相机的一些移动，但是在加载背景时-它们都已执行。 除非绝对必要，否则我不想下载jquery。 有任何想法吗？

Answer 1

您可以使用window.onload仅在浏览器中的所有内容呈现后执行脚本。

function myAwesomeAnimationScript() {...}

window.onload = myAwesomeAnimationScript;

将所有脚本包装在一个函数中，然后简单地设置对它的引用以处理该事件。

这是一个基本示例，如果您想要一个尊重其他处理程序的更优雅的解决方案，请覆盖addEventListener（） ，它将覆盖指定事件的任何其他事件处理程序。