Σε αυτό το παράδειγμα, θα μάθετε να γράφετε ένα πρόγραμμα 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()
λειτουργία χρησιμοποιείται για πρόσβαση στο ύψος και το πλάτος της εικόνας.