首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 图形图象类 >> JavaScript使图片保持纵横比的代码

JavaScript使图片保持纵横比的代码


中资源
转载请注明出处-中国设计秀-cnwebshow.com

   图像缩放的代码相信大家都找得到,不过除了缩放还要保持纵横比的呢?哈哈,看下面的代码吧,它能棒你解决这个问题。
function DrawImage(ImgD,maxSize)
{
      var image=new Image();
      image.src=ImgD.src;
      if(image.width>0  &&  image.height>0)
      {
          if(image.width/image.height>=1)
          {
             if(image.width>maxSize)
             {
                 ImgD.width=maxSize;
                 ImgD.height=(image.height*maxSize)/image.width;
             }
             else
             {
                 ImgD.width=image.width;
                 ImgD.height=image.height;
             }
          }
          else
          {
             if(image.height>maxSize)
             {
                ImgD.height=maxSize;
                ImgD.width=(image.width*maxSize)/image.height;
             }
             else
             {
                ImgD.width=image.width;
                ImgD.height=image.height;
             }
          }
     }
}
转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-09-13 16:18】

相关专题:暂无相关专题

上一篇:图片透明效果   下一篇:无相关文章
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS