Как понять `this` внутри нормальной функции и функции стрелки?

Я хочу загрузить удаленное изображение, чтобы получить его высоту и ширину, но получить другой результат.

Код ниже дает мне правильную высоту и ширину изображения

img.onload= function() {
                    console.info('image;', this.width, this.height);
                    ctx.drawImage(img, 0, 0, width, height);
                };
img.src = url;

но я получил значение undefined для высоты и ширины, если использую стрелочную функцию, как показано ниже:

img.onload=() => {
                    console.info('image;', this.width, this.height);
                    ctx.drawImage(img, 0, 0, width, height);
                };
img.src = url;

Может ли кто-нибудь сказать мне, почему я не могу получить его в функции стрелки? А как мне получить размер в стрелочной функции?