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);

我希望这会有所帮助。