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

    <script type="text/javascript">
    <!--
    /*
    功能:图片等比例缩放
    目标:ImgTag
    图片宽度:FitWidth
    图片高度:FitHeight
    */
    //var FitWidth = 120;
    //var FitHeight = 120;
    function ResizePic(ImgTag,FitWidth,FitHeight)
    {
     var image = new Image();
     image.src = ImgTag.src;
     if(image.width>0 && image.height>0){
      if(image.width/image.height >= FitWidth/FitHeight){
       if(image.width > FitWidth){
        ImgTag.width = FitWidth;
        ImgTag.height = (image.height*FitWidth)/image.width;
       }
       else{
        ImgTag.width = image.width;
        ImgTag.height = image.height;
       }
      }
      else{
       if(image.height > FitHeight){
        ImgTag.height = FitHeight;
        ImgTag.width = (image.width*FitHeight)/image.height;
       }
       else{
        ImgTag.width = image.width;
        ImgTag.height = image.height;
       }
      }
     }
    }
    //-->
    </script>

    应用:

    <img src='UpFile/1.jpg' onload='ResizePic(this,550,500) '/>

  • 相关阅读:
    JavaSE Day11
    JavaSE Day10
    JavaSE Day9
    JavaSE Day8
    JavaSE Day7
    a
    js 操作 字符串
    委托的生明与使用
    T-SQL 的简单查询语句
    asp.net服务控件的生命周期
  • 原文地址:https://www.cnblogs.com/guo2001china/p/2232600.html
Copyright © 2011-2022 走看看