javascript - Egenskapen 'width' finns inte på typen 'GlobalEventHandlers'


Jag skulle få storleken på en bild, genom att följa den här handledningen, men jag får ett TypeScript-fel:

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

Hur man får bildstorlek (höjd och bredd) med JavaScript?

Egenskapen 'width' finns inte på typen 'GlobalEventHandlers'.

Vad ska man göra?

Svar #1

Lastningshanterarens this är inte typad till bilden. Referera till bilden direkt istället.

const img = new Image();
img.onload = function() {
  console.log(img.width + 'x' + img.height);
}

Eller använd addEventListener.

img.addEventListener('load', function() {
  console.log(this.width + 'x' + this.height);
})

Relaterade artiklar