Не получается получить ImageData

Мне надо найти способ импортировать изображение в виде ImageData.
Я пробовал это делать через canvas но появлялась ошибка(она была не только у меня но всеравно решения не нашел).
Вот код с поблемой.
Возможно можно будет исправить

    function getImageData(el) {
      const canvas = document.createElement('canvas');
      const context = canvas.getContext('2d');
      const img = document.getElementById(el);
      canvas.width = img.width;
      canvas.height = img.height;
      context.drawImage(img, 0, 0);
      return context.getImageData(0, 0, img.width, img.height);
}
let imgD=getImageData("img")

Ошибка:Uncaught DOMException DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state. Заранее спасибо.