javascript在指定宽度和高度范围内最大化等比缩放图片

原创 2012年03月28日 13:08:08
//定义缩放的数据结构
var scale={width:null, height:null};
/**
*在指定宽度和高度范围内最大化缩放图片
*@param sW 图片原始宽度
*@param sH 图片原始高度
*@param sH 指定宽度范围
*@param gH 指定宽度范围
*/
var stretch = function(sW:Number, sH:Number, gW:Number, gH:Number){
    var wsc:Number = gW / sW;
    var hsc:Number = gH / sH;
                 
    if (wsc > hsc) {
        scale.width = sW * hsc;
        scale.height = sH * hsc;                   
    } else {
        scale.width = sW * wsc;
        scale.height = sH * wsc;                   
    }
    return scale;
}

这是一种代码比较简洁的等比缩放程序。

20.当图片有宽度的时候,图片的高度会随着宽度成比例缩放!

当图片有宽度的时候,图片的高度会随着宽度成比例缩放!          Document                   html,body {             height:100...
  • hh279768876
  • hh279768876
  • 2016年07月21日 20:04
  • 183

图片宽度为控件宽度,高度按比例缩放

ImageView图片宽度为控件宽度,高度按比例缩放 图片宽度固定,高度按比例缩放自适应 本身不知道图片宽度和高度  首先,定义ImageView,在该ImageVi...
  • csyintianhao
  • csyintianhao
  • 2016年06月12日 12:21
  • 1051

JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)

//JS控制图片按比例缩放并不超过一定宽度和高度         function Wa_SetImgAutoSize(obj) {             //var img=document.al...
  • bodilove
  • bodilove
  • 2016年06月16日 13:29
  • 1807

在一定范围里,按比例缩放图片,优化展示效果

在一定范围里,按比例缩放图片,优化展示效果
  • u014620028
  • u014620028
  • 2016年10月20日 16:55
  • 817

jquery根据图片宽度同比例设置图片高度,图片自适应高度

用jq根据图片的宽度同比例设置图片高度,有时图片宽度好控制,但高度一般都是auto,如果为了自适应,不方便直接设置图片的高度heght,可以用下载的方法 $(function...
  • viqecel
  • viqecel
  • 2016年10月21日 11:33
  • 2809

用javascript实现图片等比例缩放

js部分: $(window).load(function() {   ImageAutoResize('div[id=demotu]');   function Image...
  • Lankecms
  • Lankecms
  • 2017年04月22日 14:45
  • 341

js 图片高度按比例缩放

$(document).ready(function() {     $('.i_w_f > img').each(function() {     var maxWidth = 225; // 图片...
  • robert198837
  • robert198837
  • 2014年01月05日 17:12
  • 2949

根据屏幕宽度,等比例缩放图片

实现图片适应屏幕宽度方式:获取屏幕大小,动态设置控件高度。 ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleTy...
  • CJF0410
  • CJF0410
  • 2016年12月16日 15:21
  • 545

响应式,图片与其他元素一同等比缩放

今天学做响应式,发现个问题:   如何让其他元素也像图片一样等比例的缩放 如图, 啦啦啦我是文字   box的高度自适应...
  • qi1271199790
  • qi1271199790
  • 2017年03月04日 00:28
  • 542

php等比缩放图片

步骤如下: 1.获取图片的基本信息 用这个getimagesize函数2.判断图片资源类型并创建对应图片资源 用这个getPicType函数(自定义函数)3.计算缩放比例 原则是取最小的缩放系...
  • qq_18297675
  • qq_18297675
  • 2016年07月15日 22:54
  • 1097
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript在指定宽度和高度范围内最大化等比缩放图片
举报原因:
原因补充:

(最多只允许输入30个字)