当前位置: 首页 > 编程笔记 >

JavaScript限定图片显示大小的方法

宓诚
2023-03-14
本文向大家介绍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实现点击小图显示大图,包括了javascript实现点击小图显示大图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了javascript实现点击小图显示大图的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍javascript随机显示背景图片的方法,包括了javascript随机显示背景图片的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript随机显示背景图片的方法。分享给大家供大家参考。具体如下: 将以下代码加入HTML的<head></head>之间: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍javascript实现获取图片大小及图片等比缩放的方法,包括了javascript实现获取图片大小及图片等比缩放的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现获取图片大小及图片等比缩放的方法。分享给大家供大家参考,具体如下: 获取图片大小: 图片等比缩放: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript

  • 本文向大家介绍javascript感应鼠标图片透明度显示的方法,包括了javascript感应鼠标图片透明度显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript感应鼠标图片透明度显示的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍android 将图片压缩到指定的大小的示例,包括了android 将图片压缩到指定的大小的示例的使用技巧和注意事项,需要的朋友参考一下 从网上收集后自己写的一个方法; 1.首先是一个根据分辨率压缩的类,首先对图片进行一次压缩 2.第二就是循环对图片的压缩,直到压缩到指定的大小以下为止(重要!) 在这其中  这个方法用来动态设置每次压缩的比例,主要用于提升压缩的时间,这其中的数值是我

  • 本文向大家介绍JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】,包括了JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考,具体如下: 效果如下:可以展示图片列表的放大镜效果,图片尺寸没有要求会自动调整至水平垂直居中效果 代码如