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

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

先看看效果图：

前端测试的布局：
 

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

后端代码：
 

1. protected void TextBox7_Click(object sender, EventArgs e) 
2. { 
3.     System.IO.FileStream file = System.IO.File.Open("E:/Project/Test/Web/ee.jpg", System.IO.FileMode.Open);//原图暂时固定路径的 
4.     System.IO.Stream strea = file; 
5.  
6.     MakeSmallImg(strea, "E:/Project/Test/Web/1.jpg", 200, 200);//生成后的缩略图也固定路径的 
7.     file.Close(); 
8. } 
9. /// <summary> 
10. /// 生成缩略图 
11. /// 对于宽高不同的情况，从中间部分裁剪 
12. ///注：缩略图大小控制在模版区域内 
13. /// </summary> 
14. /// <param name="fromFileStream">源图文件流</param> 
15. /// <param name="fileSaveUrl">缩略图存放地址</param> 
16. /// <param name="templateWidth">缩略图的宽度</param> 
17. /// <param name="templateHeight">缩略图的高度</param> 
18. private  void MakeSmallImg(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight) 
19. { 
20.     //从文件取得图片对象，并使用流中嵌入的颜色管理信息  
21.     System.Drawing.Image myImage = System.Drawing.Image.FromStream(fromFileStream, true); 
22.     TextBox8.Text = myImage.Width.ToString(); 
23.     TextBox9.Text = myImage.Height.ToString(); 
24.     //缩略图宽、高  
25.     System.Double newWidth = myImage.Width, newHeight = myImage.Height; 
26.     //宽度大于高度的横图 ，以宽度为准，这样才能裁剪中间部分 
27.     int x = 0, y = 0; 
28.     if (myImage.Width >= myImage.Height) 
29.     { 
30.         if (myImage.Width > templateWidth)//仅处理缩小的情况 
31.         { 
32.             //高按模版，宽按比例缩放  
33.             //原高度除以新高度，得到缩小的比例，新宽度乘以比例，得到新图片应该的宽度，（老宽度-新宽度）/2，得到应该移位的宽度 
34.             x = Convert.ToInt32(myImage.Width - templateWidth * (myImage.Height / templateHeight)) / 2; 
35.             newHeight = templateHeight; 
36.             newWidth = myImage.Width * (newHeight / myImage.Height); 
37.  
38.             TextBox10.Text = newWidth.ToString();//测试用，可删除 
39.             TextBox11.Text = newHeight.ToString();//测试用，可删除 
40.             TextBox12.Text = x.ToString();//测试用，可删除 
41.         } 
42.     } 
43.     //高大于模版的竖图  
44.     else 
45.     { 
46.         if (myImage.Height > templateHeight)//仅处理缩小的情况 
47.         { 
48.             //宽按模版，高按比例缩放  
49.             y = Convert.ToInt32(myImage.Height - templateHeight * (myImage.Width / templateWidth)) / 2; 
50.             newWidth = templateWidth; 
51.             newHeight = (newWidth * myImage.Height) / myImage.Width; 
52.  
53.             TextBox10.Text = newWidth.ToString();//测试用，可删除 
54.             TextBox11.Text = newHeight.ToString();//测试用，可删除 
55.             TextBox12.Text = x.ToString();//测试用，可删除 
56.         } 
57.     } 
58.     //新建一个bmp图片  
59.     System.Drawing.Image bitmap = new System.Drawing.Bitmap((int)templateWidth, (int)templateHeight); 
60.     //新建一个画板  
61.     System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap); 
62.     //设置高质量插值法  
63.     g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High; 
64.     //设置高质量,低速度呈现平滑程度  
65.     g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality; 
66.     //清空一下画布  
67.     g.Clear(Color.White); 
68.     //在指定位置画图  
69.  
70.     g.DrawImage(myImage, new System.Drawing.Rectangle(0, 0, (int)newWidth, (int)newHeight), 
71.             new System.Drawing.Rectangle(x,y, myImage.Width, myImage.Height),//这是移位，保证裁剪的是图片的中间部分 
72.             System.Drawing.GraphicsUnit.Pixel); 
73.     //文字水印  
74.     //System.Drawing.Graphics G=System.Drawing.Graphics.FromImage(bitmap);  
75.     //System.Drawing.Font f=new Font("宋体",10);  
76.     //System.Drawing.Brush b=new SolidBrush(Color.Black);  
77.     //G.DrawString("abc",f,b,10,10);  
78.     //G.Dispose();  
79.     ///图片水印  
80.     //System.Drawing.Image copyImage = System.Drawing.Image.FromFile(System.Web.HttpContext.Current.Server.MapPath("pic/1.gif"));  
81.     //Graphics a = Graphics.FromImage(bitmap);  
82.     //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);  
83.     //copyImage.Dispose();  
84.     //a.Dispose();  
85.     //copyImage.Dispose();  
86.     //保存缩略图  
87.     bitmap.Save(fileSaveUrl, System.Drawing.Imaging.ImageFormat.Jpeg); 
88.  
89.     TextBox13.Text = fileSaveUrl;//测试用，可删除 
90.     Image1.ImageUrl = "1.jpg";//测试用，可删除 
91.  
92.     g.Dispose(); 
93.     myImage.Dispose(); 
94.     bitmap.Dispose(); 
95. }