前端开发

 首页 > 前端开发 > javascript > js让图片等比例缩放代码

js让图片等比例缩放代码

分享到:
【字体:
导读:
          js如何让图片等比例缩放呢? !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=http://www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charse...

js如何让图片等比例缩放呢?





javascript自动按比例显示图片,按比例压缩图片显示

function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 || hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}





width:100px



height:100px



width:100px height:100px









分享到:
js点击弹出层以外的地方关闭层
我们在web前端开发的过程中,常常会遇到这样的效果,就是我们点击某个元素让层出现,而点击层以外的地方层隐藏,而小编在平时开发过程中也遇到过这样的问题,通过自己的实践得到一个比较好的方法,今天给大家说一说,为了让大家看的清楚,我直接以实例说明。 一.要用到的知识 1.事件冒泡 2.事件对象(e.target和e.srcElement)...
js操作url参数相关方法
前端往往需要像php哪有获得url,和参数,get某某参数,可以利用js的window.location对象 具体方法如下: alert(location.hostname) alert(location.port) alert(location.pathname) alert(location.search) function winsx(url) //URL传递的参数 {  var winurl =url?url:(unescape(window.location.href))...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……