html5preloader, как загрузить изображение?

Question

В настоящее время я использую библиотеку html5preloader js для предварительной загрузки аудиофайлов.

Это выглядит как:

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

Но что, если я загружаю png с помощью addFiles ('foo *: foo.png'), как мне установить элемент img, чтобы он указывал начто тогда?

Answer 1

Подобно аудиофайлам, загружаемым как элементы audio, файлы изображений будут загружаться как элементы img, поэтому вы сможете, например, сделать следующее:

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

Или, если вы изменяете разметку, вы должны просто ссылаться на тот же URL-адрес, что и в инструкциях по загрузке.

В качестве альтернативы вам может понадобиться изображение несколько раз, чтобы избежать проверки «горячего» кэшазадержка, вы, вероятно, захотите использовать myLoader.getFile('foo').cloneNode().

Вы можете также нарисовать изображения на холсте следующим образом:

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

Надеюсь, это поможет.