JavaScript-Programm zum Abrufen der Abmessungen eines Bildes

In diesem Beispiel lernen Sie, ein JavaScript-Programm zu schreiben, das die Abmessungen eines Bildes ermittelt.

Beispiel: Abmessungen eines Bildes abrufen

 // 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); )

Ausgabe

 Breite 1040 Höhe 922

Im obigen Programm wird der new Image()Konstruktor verwendet, um ein Bildobjekt zu erstellen.

Der Image()Konstruktor erstellt eine neue Bildelementinstanz.

img.src wird dann verwendet, um das Bild mithilfe einer Bild-URL-Quelle hinzuzufügen.

Mit dieser img.onload()Funktion können Sie auf die Höhe und Breite des Bildes zugreifen.

Interessante Beiträge...