瞧一瞧看一看

js,javascript,jquery html图片填充效果算法

Html5+CSS3 田丰硕 5427℃ 0评论
 /**
 *在指定宽度和高度范围内最大化缩放图片
 *@param width 图片原始宽度
 *@param height 图片原始高度
 *@param outWidth 指定宽度范围
 *@param outHeight 指定高度范围
 */
var autoWH = function(width,height,outWidth,outHeight){
     var t_w = 0;
     var t_h = 0;
     var w=parseInt(width);
     var h=parseInt(height);
     var ow=parseInt(outWidth);
     var oh=parseInt(outHeight);
     if ( 1 * w * h != 1 * ow * oh )
     { 
         if ((ow / w) > (oh / h))
         { 
             t_w = ow;
             t_h = h + (h * ((ow - w) / w ));
         } else {
             t_h = oh;
             t_w = w + (w * ((oh - h) / h ));
         }
     } else {
         t_w = ow;
         t_h = oh;
     }
     return {t_w: t_w, t_h: t_h};
 }

转载请注明:田丰硕个人博客 » js,javascript,jquery html图片填充效果算法

喜欢 (3)
发表我的评论
取消评论
表情
(10)个小伙伴在吐槽
  1. 泛洪填充算法 博主是否听过!!!!!
    教室网2016-07-26 14:49 回复
  2. 兄弟,交换链接吗?
    域名优惠码2016-06-30 14:49 回复
  3. 学习了
    律通律师软件2016-06-06 17:34 回复
  4. 支持一下。
    购物街2016-05-31 15:48 回复
  5. 学习了
    购物街2016-05-25 09:44 回复
  6. 第一次来,网站做的不错啊!
    软膜天花2016-05-20 21:13 回复
  7. 喵喵~哈哈
    虫虫学车2016-05-19 16:25 回复
  8. 悦听有声驾到,欢迎回访!!!幸训
    悦听有声2016-05-19 15:58 回复
  9. 谢谢分享。
  10. 技术文,支持。
    themebetter2016-03-26 10:54 回复