Meghatározni a tényleges méretét a kép javascript

Az adaptív tervezés egyik leghasznosabb internetes módszerekkel. Oldal elrendezés lehet igazítani a készülék képernyőjén nem számít, milyen felbontású az eszközt használják.

A képek általában kódolva nem szélesség és magasság attribútumokat, például

A kép lesz a tényleges mérete, és mi is hozzá egy kicsit a CSS a kép, és mi nem haladhatja meg a tényleges méret.

Szerencsére HTML5 modern böngészők két további tulajdonságai:

Tulajdonságok támogatottak IE9. Firefox. Chrome. Safari és az Opera. Felhívjuk figyelmét, hogy a kép teljes mértékben fel kell letölteni, hogy a rendelkezésre álló méretek. Annak érdekében, hogy a kép elkészült, akkor csatolni «terhelés» esemény az ablakba vagy magát a képet, vagy ellenőrizze, hogy a kép mérete .complete vizsgálat előtt.

IE6, 7 és 8

NaturalWidth és. naturalHeight nem támogatja a régebbi kiadásban az Internet Explorer. Még mindig meghatározni a tényleges mérete, feltölteni a képeket egy tárgy a memóriában, és tulajdonságainak tanulmányozására egy szabványos magasság és szélesség, például

Ezek a dolgok, hogy a programozó munkát egy kicsit könnyebb.

érdekes rekordok