JavaScript-program for å få dimensjonene til et bilde

I dette eksemplet lærer du å skrive et JavaScript-program som får dimensjonene til et bilde.

Eksempel: Få dimensjoner av et bilde

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

Produksjon

 bredde 1040 høyde 922

I det ovennevnte programmet new Image()brukes konstruktør til å lage et bildeobjekt.

Den Image()konstruktøren oppretter en ny bildeelement f.eks.

img.src blir deretter brukt til å legge til bildet ved hjelp av en image URL-kilde.

Den img.onload()funksjonen brukes for å få tilgang til høyden og bredden av bildet.

Interessante artikler...