Ebben a példában megtanul olyan JavaScript programot írni, amely megkapja a kép méreteit.
Példa: Képméretek lekérése
// 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); )
Kimenet
szélesség 1040 magasság 922
A fenti programban a new Image()
konstruktort használják egy képobjektum létrehozására.
A Image()
konstruktor új képelem-példányt hoz létre.
img.src
ezután a kép hozzáadásához használjuk a kép URL-forrását.
A img.onload()
funkció a kép magasságának és szélességének elérésére szolgál.