html5preloader，如何加载镜像？

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()。

您也可以在画布上绘制图像，如下所示：

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

我希望这能帮到你。