- function scaleImage(ImgD, FitWidth, FitHeight){
- var width = ImgD.width, height = ImgD.height;
- var w = width / FitWidth, h = height / FitHeight;
- if (w >= h) { //宽度固定,高度缩放
- ImgD.width = FitWidth;
- ImgD.height= height / w;
- jQuery(ImgD).css("margin-top", (FitHeight-ImgD.height) / 2); //垂直居中
- } else { //高度固定,宽度缩放
- ImgD.height= FitHeight;
- ImgD.width = width / h;
- }
- };
- <img src="" onload="scaleImage(this, 100, 80)">
图片自适应缩放
本文介绍了一种使用JavaScript实现的图片自适应缩放方法,确保图片能在指定区域内完整显示且保持原有比例。通过计算图片与目标区域的比例差异,动态调整图片尺寸,并利用jQuery实现了图片在容器内的垂直居中。
796

被折叠的 条评论
为什么被折叠?



