通过JS获取图片的大小进行处理是很多人都会进行的操作，无论是什么图片，我们都想让其以最好的姿态展现，有些时候，我们设置了图片的比例，比如宽度100%，或者高度也按照一定的数值进行计算，但是这样的计算方式有些时候存在一定的缺陷。

可能是我的能力不足，我通过JS获取图片宽度，然后按照一定的比例设置高度，这种设计针对图片没有超过容器宽度的的图片时，还是比较有效的，但是有些时候我们需要获取图片真实的大小，经过查询，发现了两个属性：naturalWidth和naturalHeight。

那么这两个属性的使用方法如下：

document.getElementsByTagName("img")[0].naturalWidth
document.getElementsByTagName("img")[0].naturalHeight

通过这两个参数可以直接获取指定图片的真实大小，之后根据比例对已经渲染好的图片进行缩放即可，有兴趣的朋友可以直接去尝试一下。

代码方面来自： https://www.cnblogs.com/jf-67/p/7798544.html