zoukankan      html  css  js  c++  java
  • 牛掰的图片等比缩放js代码

    function resizeImg(img,oAW,oAH){
    var oimgW = img.width,
    oimgH = img.height,
    oimg = img,
    oY = (oimgH/oimgW).toFixed(2),
    oX = (oimgW/oimgH).toFixed(2);
    if(oimgW <= oAW&&oimgH <= oAH){//图片高和宽比指定的宽高都小
    oimg.style.height = oimgH+'px';
    oimg.style.width = oimgW+'px';
    } else if(oimgW >= oAW&&oimgH >= oAH){//图片高和宽比指定的宽高都大
    if(oY*oAW>=oAH){ //图片高比宽大
    oimg.style.height = oAH+'px';
    oimg.style.width = oX*oAH+'px';
    }else{ //图片高比宽小
    oimg.style.height = oY*oAW+'px';
    oimg.style.width = oAW+'px';
    }
    }else if(oimgW>oAW &&oimgH < oAH){//图片宽比指定宽大,高比指定的小
    oimg.style.height = oY*oAW+'px';
    oimg.style.width = oAW+'px';
    }else if(oimgW<oAW &&oimgH > oAH){//图片宽比指定宽小,高比指定的大
    oimg.style.height = oAH+'px';
    oimg.style.width = oX*oAH+'px';
    }
    }
    function resizeImgMid(img,oAW,oAH){
    var oimgW = img.width,
    oimgH = img.height,
    oimg = img,
    oY = (oimgH/oimgW).toFixed(2),
    oX = (oimgW/oimgH).toFixed(2);
    if(oimgW <= oAW&&oimgH <= oAH){//图片高和宽比指定的宽高都小
    oimg.style.height = oimgH+'px';
    oimg.style.width = oimgW+'px';
    oimg.style.marginLeft = 1/2*(oAW-oimgW)+'px';
    oimg.style.marginTop = 1/2*(oAH-oimgH)+'px';
    } else if(oimgW >= oAW&&oimgH >= oAH){//图片高和宽比指定的宽高都大
    if(oY*oAW>=oAH){ //图片高比宽大
    oimg.style.height = oAH+'px';
    oimg.style.width = oX*oAH+'px';
    oimg.style.marginLeft = 1/2*(oAW-oX*oAH)+'px';
    oimg.style.marginTop = 0;
    }else{ //图片高比宽小
    oimg.style.width = oAW+'px';
    oimg.style.height = oY*oAW+'px';
    oimg.style.marginLeft = 0;
    oimg.style.marginTop = 1/2*(oAH-oY*oAW)+'px';
    }
    }else if(oimgW>oAW &&oimgH < oAH){//图片宽比指定宽大,高比指定的小
    oimg.style.height = oY*oAW+'px';
    oimg.style.width = oAW+'px';
    oimg.style.marginLeft = 0;
    oimg.style.marginTop = 1/2*(oAH-oY*oAW)+'px';
    }else if(oimgW<oAW &&oimgH > oAH){//图片宽比指定宽小,高比指定的大
    oimg.style.height = oAH+'px';
    oimg.style.width = oX*oAH+'px';
    oimg.style.marginLeft = 1/2*(oAW-oX*oAH)+'px';
    oimg.style.marginTop = 0;
    }
    }

  • 相关阅读:
    机器学习笔记[保持更新]
    习题 7-3 uva211
    习题 7-2 uva225(回溯)
    习题7-1 uva 208(剪枝)
    poj2331 (IDA*)
    poj2449 (第k条最短路)
    POJ 1324(BFS + 状态压缩)
    hdu3567 八数码(搜索)--预处理
    poj 1367 robot(搜索)
    例 7-10 uva12212(迭代加深搜索)
  • 原文地址:https://www.cnblogs.com/freefish12/p/4347321.html
Copyright © 2011-2022 走看看