Почему img.onload не работает?

Question

[rinaz22]

Всем привет! Использую img.onload, чтобы отобразить блок только тогда, когда картинка полностью загрузиться. Но я все равно вижу мерцание картинки(т.е. картинка появляется чуть позже чем блок). Как это можно исправить?

Comments

[lloydbanks]

код

[Hulk a]

нашли решение ?

Answer 1

[Артур Мустафин]

1) вам нужно отображать картинку из blob, 2) блокируйте рендеринг блока с картинкой до загрузки картинки

Answer 2

[Emil Revencu]

Я делал через отрисовку в канвас:

<canvas id="myCanvas" width="1026" height="768"></canvas>

var newImg = new Image;
newImg.onload = function() {
   var c = document.getElementById("myCanvas");
   var ctx = c.getContext("2d");
   ctx.drawImage(this, 0, 0, 1026,768);
}
newImg.src='monitor.png'