Есть страница с тремя canvas. По событию скриптом на них рисуются три изображения с заданными src. Изображения должны рисоваться не в момент загрузки страницы, и вообще могут меняться в процессе работы со страницей. Страница при этом не перезагружается.
Проблема. Скрипт, который загружает картинки и рисует их на канвасы, "отрабатывает" раньше, чем картинки фактически загрузятся, соответственно, на канвасах "рисуется" пустота. При повторном выполнении, т.е. с кэшированными картинками, всё норм.
Вопрос. Как отследить, что картинка реально полностью загрузилась? Отслеживание объекта image в DOM не помогает, объект есть, но он недогружен.