JavaScript限定图片显示大小的方法
更新时间：2015年03月11日 10:38:19 作者：jing31
这篇文章主要介绍了JavaScript限定图片显示大小的方法,涉及javascript针对图片的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了JavaScript实现网页留言板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
javascript数组元素删除方法delete和splice解析
这篇文章主要介绍了javascaipt数组元素删除方法delete和splice解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
javascript基于HTML5 canvas制作画箭头组件
该组件实现了根据箭头起止点坐标画箭头功能。目前组件可设置箭头形状（大小和角度）。2014-06-06
公司原先的JS和CSS文件都是用在线压缩程序压缩的，看似方便，但很容易出错，可能是压缩程序把CSS里面的一些Hack语句给混淆了，于是我决定用大名鼎鼎的YUI compressor。2011-01-01
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
这篇文章主要介绍了在mpvue框架中使用Vant WeappUI组件库的注意事项,本文给大家提到了引入组件库的两种方法，需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了微信小程序实现左滑动删除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了TypeScript3.7中值得注意的3个新特性，对TS感兴趣的同学，可以参考下2021-05-05
加入这样的一行代码IE的document的访问速度至少可以提高5倍以上，对于页面使用document的朋友绝对是个好方法。2010-12-12
本文主要介绍了ie下js不执行的几种可能，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
JS支持OCX控件的事件（event），当OCX控件定义的事件发生时，JS可以捕获该事件并对事件进行相应的处理2014-09-09
最新评论