手机
当前位置:查字典教程网 >编程开发 >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实现Iterator模式实例分析

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

javascript基于DOM实现权限选择实例分析

简述JavaScript中正则表达式的使用方法

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

javascript生成不重复的随机数

jQuery实现表格行上移下移和置顶的方法

javascript模拟评分控件实现方法

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

js实现字符串转日期格式的方法

精品推荐
分类导航