In dit voorbeeld leer je een JavaScript-programma te schrijven dat de afmetingen van een afbeelding krijgt.
Voorbeeld: afmetingen van een afbeelding ophalen
// program to get the dimensions of an image const img = new Image(); // get the image img.src = '//cdn.programiz.com/sites/tutorial2program/files/cover-artwork.png.webp'; // get height and width img.onload = function() ( console.log('width ' + this.width) console.log('height '+ this.height); )
Uitvoer
breedte 1040 hoogte 922
In het bovenstaande programma wordt new Image()
constructor gebruikt om een afbeeldingsobject te maken.
De Image()
constructor maakt een nieuwe instantie van een afbeeldingselement.
img.src
wordt vervolgens gebruikt om de afbeelding toe te voegen met behulp van een afbeeldings-URL-bron.
De img.onload()
functie wordt gebruikt om toegang te krijgen tot de hoogte en breedte van de afbeelding.