zoukankan      html  css  js  c++  java
  • js 图片自适应

    onload="ResizeImage(this,220,200);

    function ResizeImage(obj, MaxW, MaxH) {

            if (obj != null) imageObject = obj;

            var state = imageObject.readyState;

            if (state != 'complete') {

                setTimeout("ResizeImage(null," + MaxW + "," + MaxH + ")", 50);

                return;

            }

            var oldImage = new Image();

            oldImage.src = imageObject.src;

            var dW = oldImage.width;

            var dH = oldImage.height;

            if (dW > MaxW || dH > MaxH) { a = dW / MaxW; b = dH / MaxH; if (b > a) a = b; dW = dW / a; dH = dH / a; }

            if (dW > 0 && dH > 0) { imageObject.width = dW; imageObject.height = dH; }

        }

    方法二

    <script>
        var imageArr=document.getElementById(controlID);
        var imageRate = imageArr.offsetWidth / imageArr.offsetHeight;   
       
        if(imageArr.offsetWidth > maxWidth)
        {
            imageArr.style.width=maxWidth + "px";
            imageArr.style.Height=maxWidth / imageRate + "px";
        }
       
        if(imageArr.offsetHeight > maxHeight)
        {
            imageArr.style.width = maxHeight * imageRate + "px";
            imageArr.style.Height = maxHeight + "px";
        }

    </script>

  • 相关阅读:
    Python推导式(Comprehension)
    mysql中文乱码
    入门学习hibernate
    什么是ORM?
    Java网站中的权限管理
    Java的8中基本数据类型
    Python获取文件夹大小
    Python技巧
    Python中取整的方法floor,ceil,round
    Python线程join和setDaemon
  • 原文地址:https://www.cnblogs.com/tangself/p/1693755.html
Copyright © 2011-2022 走看看