Генерация нескольких изображений из цикла

Question

Я попытался написать цикл, который загружает изображение с локального пути.Для этого я пытаюсь использовать Konva:

const playerLayer = new Konva.Layer();
var playerAmount = 1;
  while (playerAmount < 6) {
    var playerIcon = new Image();

    var playerInstance = new Konva.Image({
      x: 660,
      y: 140,
      image: playerIcon,
      width: 32,
      height: 32
    });
    playerIcon.src = "media/heroes/hero1.png";
    playerLayer.add(playerInstance);
    playerAmount++;
    } 
    stage.add(playerLayer);

По какой-то причине изображения не появляются.

Что я проверял:

• Konva.Image успешно сталдети PlayerLayer, я вижу их в инспекторе кода
• На странице появляется слой, на нем просто ничего нет (я вижу это в инспекторе)
• Замена изображения простыми формами (Обычный.Полигон) отлично работает.

Answer 1

Вам нужно перерисовать слой при загрузке изображения:

playerIcon.onload = function() {
  playerLayer.batchDraw();
}