Способ регулировки размера изображения в al oop in javascript - PullRequest
Новая
       31

Способ регулировки размера изображения в al oop in javascript

0 голосов
/ 17 апреля 2020

Есть ли простой способ настроить размер изображения в al oop в javascript? Я пробовал что-то вроде этого: 

var img = new Image();

for (i=0; i<12; i++) {
  img = new Image();
  img.src = "./images/"+chosenImages[i];  // applies randomized images from a list
  img.onload = setSize;
  document.getElementById('img'+i).src=img.src;
}


  function setSize(){ 
    var height = img.height;
    var width = img.width;
    if (height > width) {
      var new_height = 150;
      new_width = 150 * width/height;
    } else {
      var new_width = 150;
      new_height = 150 * height/width;
    }
    document.getElementById('img'+i).height = new_height;
    document.getElementById('img'+i).width = new_width;
  }

Но я получил ошибку: Невозможно прочитать свойство 'height' из undefined в Image.setSize .

Любая помощь?

...