獲取網站圖片的真實寬度和高度

-3

在每個網站上都有大量的超大圖片。與oversized我的意思是真實圖像的寬度和高度高於那個地方，這是可用於圖像的HTML和/或CSS規則。原因是 - 圖像被瀏覽器縮小。獲取網站圖片的真實寬度和高度

如何從網站上獲取具有真實和可用尺寸的圖片？

來源

2017-08-17 Chilly Bang

https://stackoverflow.com/a/1944298/4341456 – Daniel

的[確定圖像跨瀏覽器的原始大小？]可能的複製（https://stackoverflow.com/questions/ 1944280 /確定原始大小的圖像，跨瀏覽器） –

你在哪裏看到可能的重複？只是比較接受的答案和其他線索的答案 –

如果我正確理解您的帖子，可以使用naturalWidth和naturalHeight來確定圖片的原始尺寸。

img = document.getElementById('image'); 
 

 
img.addEventListener('load', function() { 
 
    console.log('width', img.naturalWidth); 
 
    console.log('height', img.naturalHeight); 
 
});

#image { 
 
    width: 200px; 
 
}

<img id="image" src="http://i.imgur.com/PDE3MLe.jpg" />

來源

2017-08-17 13:49:24

獲取網站圖片的真實寬度和高度

回答

相關問題