zoukankan      html  css  js  c++  java
  • javascript图片处理函数


    <SCRIPT language=JavaScript>
    <!--
    var proMaxHeight = 150;
    var proMaxWidth = 110;

    function proDownImage(ImgD){
        var image=new Image();
        image.src=ImgD.src;
        if(image.width>0 && image.height>0){
       var rate = (proMaxWidth/image.width < proMaxHeight/image.height)?proMaxWidth/image.proMaxHeight/image.height;
       if(rate <= 1){   
        ImgD.width = image.width*rate;
        ImgD.height =image.height*rate;
       }
       else {
                            ImgD.width = image.width;
                            ImgD.height =image.height;
                    }
        }
    }
    //-->
    </SCRIPT>

    百度的javascript还好啦。喜欢。所以收录下来。。。

    如果懂这个的话,一看就懂了。。。呵呵。。。

    不过还是介绍一下用法。。。。。

    <img src="http://www.baidu.com/images/logo.gif" />

    上面是一般的HTML里面用的插入图片的一段。。。很简单。但是当插入的图片是网友上传的图片,对尺寸/比例不确定的时候。我们需要的就是这个js了。。。这段代码可以根据网友上传的图片,进行比例缩放。这样不会导致很多商品展示都出现的。图片尺寸都固定死了的情况。。。。用法很简单,把上面的这段javascript放到<head></head>之间,然后把<img src="http://www.baidu.com/images/logo.gif" /> 改成<img src="http://www.baidu.com/images/logo.gif" onload=proDownImage(this); />这样。就可以了。意思就是在图片load装载的时候,调用proDownImage函数对this(即图片本身)对象进行设置。。。。就可以了。。。很简单,但很实用。。。

     
  • 相关阅读:
    Codeforces 1093D(染色+组合数学)
    Codeforces 1093C (思维+贪心)
    Codeforces 1082D (贪心)
    Codeforces 433A (背包)
    BZOJ 3262(Treap+树状数组)
    BZOJ 1588 (treap)
    Codeforces 1061C (DP+滚动数组)
    Codeforces 1080C 题解(思维+二维前缀和)
    周记 2015.07.12
    周记 2015.07.04
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209319.html
Copyright © 2011-2022 走看看