1. 程式人生 > >Js圖片等比例縮放

Js圖片等比例縮放

tail wid display 圖片等比例縮放 nbsp function document fun splay

技術分享
    
<img src="chargein_cashgift_detail.png" class="img" >

function showImg(img,maxW,maxH) {
    let objImg = new Image();
    let w,h,wRatio,hRatio;
    let Ratio =1; //比率
    objImg.src=img.src;
    if(img.naturalWidth){
        w =img.naturalWidth;
        h =img.naturalHeight;
    }else{
        w 
=objImg.width; h =objImg.height; } wRatio = maxW / w; hRatio = maxH / h; if(maxW === 0 && maxH ===0){ Ratio = 1; }else if(maxW === 0){ if(hRatio<1) { Ratio = hRatio; } }else if (maxH === 0){ if(wRatio<1){ Ratio
= wRatio; } }else if (wRatio<1 || hRatio<1){ Ratio = (wRatio<=hRatio?wRatio:hRatio); } if (Ratio<1){ w = w * Ratio; h = h * Ratio; } img.width =w; img.height =h; console.log(w) console.log(h) } let img1 =document.querySelectorAll(‘img‘)[0] showImg(img1,
300,200)
View Code

Js圖片等比例縮放