JavaScript限定图片显示大小的方法_javascript技巧
程序员文章站
2022-05-01 13:27:23
...
本文实例讲述了JavaScript限定图片显示大小的方法。分享给大家供大家参考。具体实现方法如下:
/** * 限制图片显示的size. * * @param thisobj 图片组件 * @param limitW 限制宽度大小 * @param limitH 限制高度大小 */ function imageResize(thisobj, limitW, limitH) { var newW; var newH; if (thisobj.width > limitW) { newW = limitW; newH = parseInt(thisobj.height * newW / thisobj.width); // 按宽度比例缩放 if (newH > limitH) { newH = limitH; newW = parseInt(thisobj.width * newH / thisobj.height); } thisobj.width = newW; thisobj.height = newH; } else if (thisobj.height > limitH) { newH = limitH; newW = parseInt(thisobj.width * newH / thisobj.height); thisobj.width = newW; thisobj.height = newH; } }
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
上传图片预览JS脚本 Input file图片预览的实现示例_javascript技巧
-
JScript内置对象Array中元素的删除方法_javascript技巧
-
javascript实现模拟时钟的方法_javascript技巧
-
JS输入用户名自动显示邮箱后缀列表的方法_javascript技巧
-
js 禁用浏览器的后退功能的简单方法_javascript技巧
-
JavaScript显示表单内元素数量的方法_javascript技巧
-
JavaScript实现的类字典插入或更新方法实例_javascript技巧
-
javascript实现输出指定行数正方形图案的方法_javascript技巧
-
JS根据浏览器窗口大小实时动态改变网页文字大小的方法_javascript技巧
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧