javascript - html5预加载器，如何加载图像？

Question

我目前正在使用 html5preloader js 库来预加载音频文件。

看起来像:

myLoader = new html5Preloader();
myLoader.addFiles('mysound*:sound.ogg||sound.mp3');
...
myLoader.getFile('mysound').play()

但是如果我使用 addFiles('foo*:foo.png') 加载一个 png，我该如何设置一个 img 元素来指向该元素呢？

Answer 1

与作为 audio 元素加载的音频文件类似，图像文件将作为 img 元素加载，因此您将能够执行以下操作:以下:

document.body.appendChild(myLoader.getFile('foo'));

或者，如果您要更改标记，则应该引用与加载说明中相同的 URL。

或者，您可能多次需要该图像，因此为了避免热缓存检查延迟，您可能需要使用 myLoader.getFile('foo').cloneNode()。

您也可以在 Canvas 上绘制图像，如下所示:

context.drawImage(myLoader.getFile('foo'), x, y);

我希望这会有所帮助。