`
shen211
  • 浏览: 47412 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

缩放图片JS

 
阅读更多
/**
*
*img 为<img/>对象
*/
function drawImg(img,boxWidth, boxHeight) {
var imgWidth = img.width;
var imgHeight = img.height;
if ((boxWidth / boxHeight) >= (imgWidth / imgHeight)) {
img.width = ((boxHeight * imgWidth) / imgHeight);
img.height = (boxHeight);
} else {
img.width = (boxWidth);
img.height = ((boxWidth * imgHeight) / imgWidth);
}
}
分享到:
评论

相关推荐

    手机js手势放大缩放图片插件

    总结来说,"手机js手势放大缩放图片插件"通过JavaScript和CSS3技术实现了移动设备上的手势交互,提供了平移和缩放图片的功能。它的核心包括手势识别、坐标转换、性能优化以及可配置性,是移动Web应用中提升图片浏览...

    按比例缩放图片,JavaScript代码.rar

    按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码...

    js图片缩放效果制作鼠标滚动图片等比例缩放

    在网页设计中,动态的图片展示效果可以提升用户体验,其中一种常见的技术是通过JavaScript实现鼠标滚动时图片等比例缩放。这个技术的核心在于利用JavaScript事件监听和CSS3变换功能,来实现图片随着页面滚动而优雅地...

    js按比例缩放图片,不变形,不失真

    "js按比例缩放图片,不变形,不失真"是一个常见的需求,特别是在用户上传图片或者在页面中显示不同尺寸的图片时。传统的做法是直接设定图片的高度或宽度,但这往往会导致图片比例失衡,产生变形和失真的现象。本篇...

    js等比缩放图片

    本文将深入探讨如何使用JavaScript实现图片的等比缩放,确保在火狐、IE、谷歌等主流浏览器中都能正常工作。 首先,我们要明白等比缩放的基本原理。等比缩放意味着图片的宽度和高度按相同的比例进行缩放,以保持其...

    图片缩放JS插件

    "图片缩放JS插件"就是一种专门解决这个问题的工具,它允许用户通过手势来放大和缩小图片,提供了更为直观和互动的查看方式。这种插件通常基于JavaScript编程语言,利用其强大的事件处理和DOM操作能力。 "Hammer.js...

    hammer.js移动端图片手指缩放插件

    总的来说,Hammer.js 通过其强大的手势识别能力,结合JavaScript事件监听和处理,为移动端图片手指缩放提供了简单易用的解决方案。开发者可以根据需求,灵活地扩展和定制功能,提升移动应用的交互性。

    js 高清查看图片 图片缩放 图片移动

    高清查看图片 图片缩放 图片移动 可实现在一定范围内图片移动缩放

    js房产网站大小缩放图片滚动展示

    "js房产网站大小缩放图片滚动展示"这一技术就是为了让网站中的图片根据屏幕尺寸自适应缩放,并实现平滑滚动效果,从而提供优秀的用户体验。下面将详细探讨这一技术涉及的知识点。 1. **响应式设计**:在当前多设备...

    js按比例缩放图片且垂直居中显示图片

    "js按比例缩放图片且垂直居中显示图片"这个主题涉及到的是使用JavaScript技术来处理图片的尺寸调整和布局定位,使得图片无论在何种分辨率或屏幕尺寸下都能保持良好的视觉效果。这里我们将详细探讨这一技术实现的原理...

    js鼠标滚动缩放图片拖拽

    js鼠标滚动缩放图片 可拖拽,类似百度地图

    js实现图片等比例缩放

    在网页设计中,图片的等比例缩放是一个常见的需求,特别是在响应式布局中,为了保持图像的原始比例,避免拉伸或压缩导致变形,我们通常会利用JavaScript来动态调整图片大小。本文将深入探讨如何使用JavaScript实现...

    JavaScript实现网页图片等比例缩放 图片等比例缩放

    等比例缩放的基本思想是在缩放图片时保持其宽度和高度的比例不变。这意味着如果我们将图片的高度减小了一定的比例,那么宽度也需要按照相同的比例减小,反之亦然。这样做的目的是避免图片出现拉伸或压缩的情况,从而...

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小 演示效果: https://www.bilibili.com/video/BV1pS4y167wJ/

    viewer.js图片缩放

    - `viewer('zoom', percent, isCursorPoint)`:缩放图片,percent为缩放比例,isCursorPoint指示是否以鼠标位置为中心。 5. **注意事项**: - 确保所有图片都设置了宽度和高度,以避免在预览时出现闪烁或布局问题...

    JQuery实现等比缩放图片插件

    本文将详细介绍如何使用JQuery实现等比缩放图片的插件,并结合提供的`autoImg`文件进行解析。 首先,我们要理解等比缩放的基本原理。等比缩放是指保持图片的长宽比不变,根据指定的容器大小来调整图片的尺寸。在CSS...

    js实现图片的按比例缩放

    为了解决这个问题,我们可以使用JavaScript来实现图片的按比例缩放,确保图片始终保持其原始比例,避免变形。下面将详细介绍如何使用JavaScript来实现这一功能,并结合提供的文件进行解析。 首先,我们需要理解图片...

    js 图片等比例缩放

    js实现的图片等比例缩放,js实现的图片等比例缩放

    js前端压缩、缩放图片分辨率,无需服务器,支持移动端

    如题,这个东西超牛逼,前端压缩、缩放图片,还支持在手机上运行,使用起来也很简单: lrz(filePath, { width: 285, height: 164, done: function (results) { img.src = results.base64; } }); filePath支持...

    js缩放图片尺寸函数

    缩放图片尺寸函数,接受参数最大宽,最大高,所在div的名称

Global site tag (gtag.js) - Google Analytics