html5preloader, как скачать изображение?

Question

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

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

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

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

Answer 1

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

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

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

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

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

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

Я надеюсь, что это помогает.