获取网站图像的真实宽度和高度

Question

在每个网站上都有大量的超大图片。对于tf shelvesets /format:detailed > log.txt ，我的意思是真实图像的宽度和高度高于该位置，该位置可通过HTML和/或CSS规则用于图像。原因是 - 图像由浏览器缩小。

如何从网站上获取具有真实和可用尺寸的图像？

Answer 1

如果我正确理解了您的帖子，您可以使用naturalWidth和naturalHeight来确定图片的原始尺寸。

＆＃13;

＆＃13;

img = document.getElementById('image');

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

＆＃13;

#image {
  width: 200px;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;