手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript简单实现等比例缩小图片的方法
javascript简单实现等比例缩小图片的方法
摘要:本文实例讲述了javascript简单实现等比例缩小图片的方法。分享给大家供大家参考,具体如下://等比例缩小图片functionchang...

本文实例讲述了javascript简单实现等比例缩小图片的方法。分享给大家供大家参考,具体如下:

//等比例缩小图片 function changeImg(obj,width,height) { var img = new Image(); img.src = document.getElementById(obj.id).src var ys_w = img.width; var ys_h = img.height; if(ys_w > width || ys_h > height) { var scale; var scale1 = ys_w / width; var scale2 = ys_h / height; //alert(scale1+","+scale2); if(scale1 > scale2) { scale = scale1; } else { scale = scale2; } document.getElementById(obj.id).style.width = ys_w / scale; document.getElementById(obj.id).style.height = ys_h / scale; } }

希望本文所述对大家JavaScript程序设计有所帮助。

【javascript简单实现等比例缩小图片的方法】相关文章:

javascript函数特点实例

JavaScript中指定函数名称的相关方法

JS实现两表格里数据来回转移的方法

javascript实现table表格隔行变色的方法

JavaScript实现Iterator模式实例分析

js+HTML5实现canvas多种颜色渐变效果的方法

jQuery仿gmail实现fixed布局的方法

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

javascript瀑布流布局实现方法详解

jQuery实现html表格动态添加新行的方法

精品推荐
分类导航