仰天一笑(Ansonxuyu),专业从事软件定制开发、Web软件开发,网站建设,网络推广,APP开发,微博应用开发,微信应用开发,电子商务开发,物联网开发等技术。
互联网8年风雨,愿在此交朋识友,交流心得,分享技术知识(策划/研发/运营/推广/合作)!QQ:943530498


仰天一笑

昨日不悔,今日勿失,明日莫忧! —徐羽

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  340 随笔 :: 27 文章 :: 1088 评论 :: 237万 阅读
看到海东兄的按比例缩放图片 ,我就把我写的js版本的也拿出来show一下,哈哈!
js版本:

function resizeImage(obj, MaxW, MaxH)
{
 var imageObject = obj;
    var state = imageObject.readyState;
 if(state!='complete')
 {
        setTimeout("resizeImage("+imageObject+","+MaxW+","+MaxH+")",50);
  return;
    }
    var oldImage = new Image();
    oldImage.src = imageObject.src;
    var dW = oldImage.width;
    var dH = oldImage.height;
    if(dW>MaxW || dH>MaxH)
 {
        a = dW/MaxW; b = dH/MaxH;
        if( b>a ) a = b;
        dW = dW/a; dH = dH/a;
    }
    if(dW > 0 && dH > 0)
 {
        imageObject.width = dW;
  imageObject.height = dH;
 }
}

使用很简单:<img src="../pic.jpg" onload='resizeImage(this,60,90)> 就OK了;
注:等比例放缩的时候会出现抖动的情况,处理方法很简单,你在img的属性先设置它的widht和height,这样的话加载的时候绝对不会超过这个尺寸,等你js运行好之后就会调到你所规定的比例,绝对不会以下撑到很大。


同时也附上C#版本的

C#版本---海东兄 http://www.cnblogs.com/ghd258/archive/2005/11/07/270447.html

1/// <summary>
 2        /// 按比例缩放图片
 3        /// </summary>
 4        /// <param name="imgUrl">图片的路径</param>
 5        /// <param name="imgHeight">图片的高度</param>
 6        /// <param name="imgWidth">图片的宽度</param>
 7        /// <returns></returns>

 8        public static string GetImageSize(string imgUrl,int imgHeight,int imgWidth)
 9        {
10            string fileName = System.Web.HttpContext.Current.Server.MapPath(imgUrl);
11            string strResult = string.Empty;
12            if(System.IO.File.Exists(fileName) && imgHeight != 0 && imgWidth != 0)
13            {
14                decimal desWidth;decimal desHeight;                                            //目标宽高
15                System.Drawing.Image objImage = System.Drawing.Image.FromFile(fileName);
16                decimal radioAct = (decimal)objImage.Width/(decimal)objImage.Height;        //原始图片的宽高比
17                decimal radioLoc = (decimal)imgWidth/(decimal)imgHeight;                    //图片位的宽高比
18                if(radioAct > radioLoc)                                                        //原始图片比图片位宽
19                {        
20                    decimal dcmZoom = (decimal)imgWidth/(decimal)objImage.Width;
21                    desHeight = objImage.Height*dcmZoom;
22                    desWidth = imgWidth;
23                }

24                else
25                {
26                    decimal dcmZoom = (decimal)imgHeight/(decimal)objImage.Height;
27                    desWidth = objImage.Width*dcmZoom;
28                    desHeight = imgHeight;
29                }

30                objImage.Dispose();                //释放资源
31                strResult = "width=\"" + Convert.ToString((int)desWidth) + "\" height=\""
32                    + Convert.ToString((int)desHeight) + "\" ";
33            }

34            return strResult;
35        }

posted on   仰天一笑  阅读(5272)  评论(11编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示