Индекс или размер отрицателен или превышает допустимую сумму.Высота источника равна 0. HTML5 canvas и реагирует

Question

Я пытаюсь нарисовать base64 image uri в html5 canvas. Ниже приведен код, который я использовал:

let drawer = (image) = {
    image.onload = ()=>{shadowCtx.drawImage(image, 0, 0)}

    let imageData = shadowCtx.getImageData(0, 0,  
        shadowCanvas.width,shadowCanvas.height),
        data = imageData.data
}

Я передаю image как аргумент функции, содержащей приведенный выше фрагмент. Изображение инициализировано как:

loadImg = (url) => {
    let image = new Image();
    image.src = url;
    return image;
}

Я застрял на этом. Любая помощь будет оценена.

Вот кодовая ручка для всего файла js: https://codepen.io/ashish-kafle/pen/xMZZXP?editors=0010