js获取img原始宽高
程序员文章站
2022-06-21 15:00:23
...
获取img原始宽高使用:naturalWidth,naturalHeight。
如果图片宽高比大于浏览器宽高比,则设置图片宽100%,高度自适应;
如果图片宽高比小于浏览器宽高比,则设置图片高100%,宽度自适应;
resizeImg(){
const windowW = document.body.clientWidth;
const windowH = document.body.clientHeight;
const boxRatio = windowW / windowH;
const img = document.getElementsByClassName('img')[0];
const w = img.naturalWidth;
const h = img.naturalHeight;
if (w / h > boxRatio) {
img.style.width = '100%';
img.style.height = 'auto';
} else {
img.style.width = 'auto';
img.style.height = '100%';
}
},