Готовность изображения на холсте

Question

Можно ли использовать imagename.readyState на холсте?

Если нет, кто-нибудь знает способ определения, когда изображение, нарисованное на холсте с помощью drawImage, загружено и готово к отображению?

Я создаю демонстрацию изображения с помощью холста - когда изображение выбрано, я хочу, чтобы анимация загрузки (которую я уже создал) отображалась до тех пор, пока не будет выполнено загруженное условие.

Явсе еще учусь использовать javascript и пытаюсь весь день безрезультатно - поэтому извиняюсь за отсутствие примера кода для отображения и иллюстрации того, что я спрашиваю!

Answer 1

Вы можете попробовать загрузить изображение, используя new Image() и установив событие .onload, чтобы нарисовать изображение на холсте после загрузки изображения.

var img = new Image();
img.onload = function() {
    // code to draw image on the canvas...
}
img.src = "/path/to/img.jpg";

Смотри также: https://developer.mozilla.org/samples/canvas-tutorial/3_1_canvas_drawimage.html