zoukankan      html  css  js  c++  java
  • 图片等比例缩放

    //一。
    $(function(){
    var w = $("#demo1").width();//容器宽度
    $("#demo1 img").each(function(){//如果有很多图片,我们可以使用each()遍历
    var img_w = $(this).width();//图片宽度
    var img_h = $(this).height();//图片高度
    if(img_w>w){//如果图片宽度超出容器宽度--要撑破了
    var height = (w*img_h)/img_w; //高度等比缩放
    $(this).css({"width":w,"height":height});//设置缩放后的宽度和高度
    }
    });
    });
    //二。
     var oW,oH; //图片的真实宽高(大于 imgW,imgH)
    var imgW,imgH  ; //等比压缩的宽高
    if(oW>=oH && ow >imgW ) //
    {
    img.style.width=imgW+"px";
    imgH = Math.round(oH * (imgW/oW)); // 等比计算高度
    img.style.height=imgH+"px";
    }else if(oW<oH && oH >imgH)
    {
     imgW = Math.round(oW * (imgH/oH));// 等比计算宽度
     img.style.height=imgH+"px";
     img.style.width=imgW+"px";
    }

  • 相关阅读:
    最大流问题的几种经典解法综述
    有上下界的网络流
    hiho一下
    poj 1018
    状压dp
    hdu 1043
    Poj1015
    7.14
    sgu 128
    (zhuan)
  • 原文地址:https://www.cnblogs.com/zxcc/p/7839034.html
Copyright © 2011-2022 走看看