博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片等比例缩放及图片上下剧中
阅读量:5111 次
发布时间:2019-06-13

本文共 496 字,大约阅读时间需要 1 分钟。

 

<img src="" οnlοad="AutoResizeImage(this)"> ‘图片

 

’JS

 

function AutoResizeImage(objImg){

  var img = new Image();
  img.src = objImg.src;
  
  var w = img.width;
  var h = img.height;
  var Ratio= w/h;
  if(w <= 220 && h <= 220){
   objImg.width = w;
   objImg.height = h;
   objImg.style.paddingTop = (220-h)/2 + "px";
  }else{
   if (Ratio > 1){
    objImg.width = 220;  //如果图片宽度大于高度,控制宽度,高度自适应缩放
   }else{
    objImg.height = 220; //如果图片高度大于宽度,控制高度,宽度自适应缩放
   } 
  }
  

 }

转载于:https://www.cnblogs.com/visi_zhangyang/archive/2012/01/05/2313407.html

你可能感兴趣的文章
迷茫中的自己
查看>>
burp suite 的intruder 四种攻击方式
查看>>
机器学习----人脸对齐的算法-ASM.AAM..CLM.SDM
查看>>
自定义文本选中样式
查看>>
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
查看>>
MySQL 数据库 的安装和基本管理
查看>>
note
查看>>
软件测试理论测试用例测试之等价类划分
查看>>
“分析EntityName出错”,视窗设计器你这是闹哪样?
查看>>
codeforces #321 div 2 B. Kefa and Company(尺取法)
查看>>
【POJ1470】Closest Common Ancestors
查看>>
php 利用 soap调用.Net的WebService asmx文件
查看>>
Junit核心——测试集(TestSuite)
查看>>
非GUI模式下运行JMeter和远程启动JMeter
查看>>
js闭包引起的事件注册问题
查看>>
bzoj 1175: The stairways of Saharna
查看>>
2016.7.12 eclispe使用mybatis generator生成代码时提示project E is not exist
查看>>
pandas优化
查看>>
android 7.0 新特性 和对开发者的影响
查看>>
subclipse用法
查看>>