image.onload срабатывает до полной загрузки изображения

Я создаю игру, используя javascript + canvas. Я использую приведенный ниже код, чтобы убедиться, что

var imgLoaded = 0;
var imgToLoad = multiImgs;
var onImgLoad = function()
{
   imgLoaded++;
   if(imgLoaded == imgToLoad)
   {
      ctx.drawImage()
   }
}

for(var i = 0; i < multiImgs; i++)
{
  images[i] = new Image();
  images[i].onload = onImgLoad();
  images[i].src = 'images/'+i+'.png';
}

этот код иногда работает нормально, особенно. когда изображения кешируются. Однако при первой загрузке иногда выдает INDEX_SIZE_ERR: DOM Exception 1 я обнаружил, что высота и ширина изображения недоступны, как было предложено Quickredfox в этом ответе ... но тогда здесь drawImage вызывается только тогда, когда все изображения загружены? Ошибка в основном возникает на мобильных устройствах