Asp.net 等比例缩放后，裁剪原图中间部分

背景：

等比例裁剪的功能，网上很多，比如限制100*100，根据原图的尺寸进行等比例裁剪，但是出来的图片的比例和原图相同，最终图片的尺寸可能是100*83，可能是85*100，对界面要求比较高的页面，显得不齐。

于是，只能自己动手了。微信朋友圈的缩略图片也是这样的模式，处理方法不同。

先看看效果图：

前端测试的布局：

<div style="background-color:#7eb8ba;">    原图：<asp:Image ID="imgtest" runat="server" ImageUrl="~/ee.jpg" Height="700" />    裁剪后：<asp:Image ID="Image1" runat="server" /></div><ul>    <li>原图宽度：<asp:TextBox ID="TextBox8" runat="server"></asp:TextBox></li>    <li>原图高度：<asp:TextBox ID="TextBox9" runat="server"></asp:TextBox></li>    <li>缩放后宽度：<asp:TextBox ID="TextBox10" runat="server"></asp:TextBox></li>    <li>缩放后高度：<asp:TextBox ID="TextBox11" runat="server"></asp:TextBox></li>    <li>x轴移位：<asp:TextBox ID="TextBox12" runat="server"></asp:TextBox></li>    <li>裁剪后图片路径：<asp:TextBox ID="TextBox13" runat="server"></asp:TextBox></li>    <li><asp:Button ID="TextBox7"  runat="server" Text="裁剪图片" OnClick="TextBox7_Click"></asp:Button></li></ul>

后端代码：

protected void TextBox7_Click(object sender, EventArgs e){    System.IO.FileStream file = System.IO.File.Open("E:/Project/Test/Web/ee.jpg", System.IO.FileMode.Open);//原图暂时固定路径的    System.IO.Stream strea = file;    MakeSmallImg(strea, "E:/Project/Test/Web/1.jpg", 200, 200);//生成后的缩略图也固定路径的    file.Close();}/// <summary>/// 生成缩略图/// 对于宽高不同的情况，从中间部分裁剪///注：缩略图大小控制在模版区域内/// </summary>/// <param name="fromFileStream">源图文件流</param>/// <param name="fileSaveUrl">缩略图存放地址</param>/// <param name="templateWidth">缩略图的宽度</param>/// <param name="templateHeight">缩略图的高度</param>private  void MakeSmallImg(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight){    //从文件取得图片对象，并使用流中嵌入的颜色管理信息     System.Drawing.Image myImage = System.Drawing.Image.FromStream(fromFileStream, true);    TextBox8.Text = myImage.Width.ToString();    TextBox9.Text = myImage.Height.ToString();    //缩略图宽、高     System.Double newWidth = myImage.Width, newHeight = myImage.Height;    //宽度大于高度的横图 ，以宽度为准，这样才能裁剪中间部分    int x = 0, y = 0;    if (myImage.Width >= myImage.Height)    {        if (myImage.Width > templateWidth)//仅处理缩小的情况        {            //高按模版，宽按比例缩放             //原高度除以新高度，得到缩小的比例，新宽度乘以比例，得到新图片应该的宽度，（老宽度-新宽度）/2，得到应该移位的宽度            x = Convert.ToInt32(myImage.Width - templateWidth * (myImage.Height / templateHeight)) / 2;            newHeight = templateHeight;            newWidth = myImage.Width * (newHeight / myImage.Height);            TextBox10.Text = newWidth.ToString();//测试用，可删除            TextBox11.Text = newHeight.ToString();//测试用，可删除            TextBox12.Text = x.ToString();//测试用，可删除        }    }    //高大于模版的竖图     else    {        if (myImage.Height > templateHeight)//仅处理缩小的情况        {            //宽按模版，高按比例缩放             y = Convert.ToInt32(myImage.Height - templateHeight * (myImage.Width / templateWidth)) / 2;            newWidth = templateWidth;            newHeight = (newWidth * myImage.Height) / myImage.Width;            TextBox10.Text = newWidth.ToString();//测试用，可删除            TextBox11.Text = newHeight.ToString();//测试用，可删除            TextBox12.Text = x.ToString();//测试用，可删除        }    }    //新建一个bmp图片     System.Drawing.Image bitmap = new System.Drawing.Bitmap((int)templateWidth, (int)templateHeight);    //新建一个画板     System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);    //设置高质量插值法     g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;    //设置高质量,低速度呈现平滑程度     g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;    //清空一下画布     g.Clear(Color.White);    //在指定位置画图     g.DrawImage(myImage, new System.Drawing.Rectangle(0, 0, (int)newWidth, (int)newHeight),            new System.Drawing.Rectangle(x,y, myImage.Width, myImage.Height),//这是移位，保证裁剪的是图片的中间部分            System.Drawing.GraphicsUnit.Pixel);    //文字水印     //System.Drawing.Graphics G=System.Drawing.Graphics.FromImage(bitmap);     //System.Drawing.Font f=new Font("宋体",10);     //System.Drawing.Brush b=new SolidBrush(Color.Black);     //G.DrawString("abc",f,b,10,10);     //G.Dispose();     ///图片水印     //System.Drawing.Image copyImage = System.Drawing.Image.FromFile(System.Web.HttpContext.Current.Server.MapPath("pic/1.gif"));     //Graphics a = Graphics.FromImage(bitmap);     //a.DrawImage(copyImage, new Rectangle(bitmap.Width-copyImage.Width,bitmap.Height-copyImage.Height,copyImage.Width, copyImage.Height),0,0, copyImage.Width, copyImage.Height, GraphicsUnit.Pixel);     //copyImage.Dispose();     //a.Dispose();     //copyImage.Dispose();     //保存缩略图     bitmap.Save(fileSaveUrl, System.Drawing.Imaging.ImageFormat.Jpeg);    TextBox13.Text = fileSaveUrl;//测试用，可删除    Image1.ImageUrl = "1.jpg";//测试用，可删除    g.Dispose();    myImage.Dispose();    bitmap.Dispose();}

水印应该用不到，我也没测试。