Рисование изображения на холсте не работает, даже при onload

---

Эй, ребята, я пытаюсь визуализировать свое изображение на холсте,
однако он почему-то не рисует , я пробовал как с установкой источника, так и с использованием элемента,
изображения находятся в папке внутри папки проекта, они хорошо визуализируются на странице с заданным url-адресом,
однако они не рисуют

функция:

function addMeme(id) {
      hideTemplateModal();
      hideMain();
      showEditModal();
      renderCanvas();
      drawImg(id);
    }


    function drawImg(id) {
      var img = new Image();
      var selectedImage = gImgs.find((img) => img.id + "" == id);
      img.src = selectedImage.url;
      debugger
      var elImg = document.querySelector(`[data-id="${id}"]`);//not in use
      img.onload = () => {
        gCtx.drawImage(img, 0, 0, gCanvas.width, gCanvas.height); //img,x,y,width,height
      };
    }

should have probably added

function updateCanvas() {
  gCanvas = document.getElementById("my-canvas");
  gCtx = gCanvas.getContext("2d");
}

Что я уже пробовал:

пробовал с помощью элмент вместо картинки

---