Πρόγραμμα JavaScript για λήψη των διαστάσεων μιας εικόνας

Σε αυτό το παράδειγμα, θα μάθετε να γράφετε ένα πρόγραμμα JavaScript που θα έχει τις διαστάσεις μιας εικόνας.

Παράδειγμα: Λήψη διαστάσεων μιας εικόνας

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

Παραγωγή

 πλάτος 1040 ύψος 922

Στο παραπάνω πρόγραμμα, ο new Image()κατασκευαστής χρησιμοποιείται για τη δημιουργία ενός αντικειμένου εικόνας.

Ο Image()κατασκευαστής δημιουργεί μια νέα παρουσία στοιχείου εικόνας.

img.src Στη συνέχεια χρησιμοποιείται για την προσθήκη της εικόνας χρησιμοποιώντας μια πηγή URL εικόνας.

Η img.onload()λειτουργία χρησιμοποιείται για πρόσβαση στο ύψος και το πλάτος της εικόνας.

ενδιαφέροντα άρθρα...