JavaScript-programma om de afmetingen van een afbeelding te krijgen

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.

Interessante artikelen...