图片切割系统_图片切片工具上一阵子做过一个图片切割效果，得到很多人关注。其中有很多人向我询问如何做一个真正的图片切割（裁剪），这里需要声明一下：首先js是不能操作客户端文件的（除非特殊情况），所以图片的切割必须在后台处理，对于
上一阵子做过一个图片切割效果 ，得到很多人关注。其中有很多人向我询问如何做一个真正的图片切割（裁剪），这里需要声明一下：
程序说明
【客户端部分】 图片切割效果 （建议没有看过的先看那里的例子），这里说说要传递到后台的参数，建议用GetPos获取部分参数：
var p = ic.Url, o = ic.GetPos(); = o.Left, = o.Top, = o.Width, = o.Height, = ic._layBase.width, = ic._layBase.height;
其中，ic.Url是图片地址：ic.Url，o.Left是水平切割，o.Top是垂直切割点，o.Width是切割宽度，o.Height是切割高度，ic._layBase.width是图片宽度，ic._layBase.height是图片高度。
可以这样传递这些参数：
$( “ imgCreat “ ).src = “ ImgCropper.ashx?p= “ + p + “ &x= “ + x + “ &y= “ + y + “ &w= “ + w + “ &h= “ + h + “ &pw= “ + pw + “ &ph= “ + ph + “ & “ + Math.random();
其中图片地址、图片宽度、图片高度如果是预先设定好的话就可以不传递了。
【后台部分】
后台主要是进行图片的处理和输出。
【图片切割】
在后台获取前台传递的参数：
Code
string Pic = Convert.ToString(context.Request[ “ p “ ]); int PointX = Convert.ToInt32(context.Request[ “ x “ ]); int PointY = Convert.ToInt32(context.Request[ “ y “ ]); int CutWidth = Convert.ToInt32(context.Request[ “ w “ ]); int CutHeight = Convert.ToInt32(context.Request[ “ h “ ]); int PicWidth = Convert.ToInt32(context.Request[ “ pw “ ]); int PicHeight = Convert.ToInt32(context.Request[ “ ph “ ]);
然后就用这些参数对图片进行切割了，先说说切割的原理，主要分两部：切割和缩放。
切割和缩放的程序关键在这里：
gbmPhoto.DrawImage(imgPhoto, new Rectangle( 0 , 0 , CutWidth, CutHeight), PointX * imgPhoto.Width / PicWidth, PointY * imgPhoto.Height / PicHeight, CutWidth * imgPhoto.Width / PicWidth, CutHeight * imgPhoto.Height / PicHeight, GraphicsUnit.Pixel);
首先是在原图切割出需要的部分。切割需要的参数是PointX、PointY、CutWidth、CutHeight，因为在客户端的程序中是可以缩放原图来进行切割的，所以要在在切割原图时需要先按比例缩放这些参数，还要注意PointX和CutWidth需要水平方向的比例，PointY和CutHeight需要垂直方向的比例。例如（其中imgPhoto是原图）：
用这些参数就可以对原图进行切割了。
然后是缩放原图。可以想象，当切割好原图后，只要把图宽高缩放到CutWidth和CutHeight就可以得到跟展示图一样的图片了：
new Rectangle( 0 , 0 , CutWidth, CutHeight),
下面是处理图片的程序：
Code
public MemoryStream ResetImg( string ImgFile, int PicWidth, int PicHeight, int PointX, int PointY, int CutWidth, int CutHeight) = Image.FromFile(ImgFile); = new Bitmap(CutWidth, CutHeight, System.Drawing.Imaging.PixelFormat.Format24bppRgb);
Graphics gbmPhoto
= Graphics.FromImage(bmPhoto); new Rectangle( 0 , 0 , CutWidth, CutHeight), PointX * imgPhoto.Width / PicWidth, PointY * imgPhoto.Height / PicHeight, CutWidth * imgPhoto.Width / PicWidth, CutHeight * imgPhoto.Height / PicHeight, GraphicsUnit.Pixel);
MemoryStream ms2
= new MemoryStream(); imgPhoto.Dispose();
return ms2; 当然对于不同的需求可能要生成的效果也不一样，但只要能灵活运用对于一般的需求基本都能实现了。
bmPhoto.Save(文件物理路径, System.Drawing.Imaging.ImageFormat.Jpeg);
【IHttpHandler】
程序通过ashx文件用IHttpHandler发送切割生成的图片，参考使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 ：
最后设置数据输出类型context.Response.ContentType，并使用context.Response.OutputStream向客户端输出图片数据：
context.Response.ContentType = “ image/jpeg “ ;
这个输出数据的方法适合用在不需要回发的数据输出中，例如ajax、动态图片等，关于这方面更详细的内容请看IHttpHandler接口 。
下面是完整服务器端代码：
Code
<% @ WebHandler Language = “ c# “ Class = “ ImgCropper_WebHandler “ Debug = “ true “ %>
using System; using System.Web; using System.Drawing; using System.IO;
public class ImgCropper_WebHandler : IHttpHandler public void ProcessRequest(HttpContext context) string Pic = Convert.ToString(context.Request[ “ p “ ]); int PointX = Convert.ToInt32(context.Request[ “ x “ ]); int PointY = Convert.ToInt32(context.Request[ “ y “ ]); int CutWidth = Convert.ToInt32(context.Request[ “ w “ ]); int CutHeight = Convert.ToInt32(context.Request[ “ h “ ]); int PicWidth = Convert.ToInt32(context.Request[ “ pw “ ]); int PicHeight = Convert.ToInt32(context.Request[ “ ph “ ]);
context.Response.ContentType
= “ image/jpeg “ ; public MemoryStream ResetImg( string ImgFile, int PicWidth, int PicHeight, int PointX, int PointY, int CutWidth, int CutHeight) = Image.FromFile(ImgFile); = new Bitmap(CutWidth, CutHeight, System.Drawing.Imaging.PixelFormat.Format24bppRgb);
Graphics gbmPhoto
= Graphics.FromImage(bmPhoto); new Rectangle( 0 , 0 , CutWidth, CutHeight), PointX * imgPhoto.Width / PicWidth, PointY * imgPhoto.Height / PicHeight, CutWidth * imgPhoto.Width / PicWidth, CutHeight * imgPhoto.Height / PicHeight, GraphicsUnit.Pixel);
MemoryStream ms2
= new MemoryStream(); imgPhoto.Dispose();
return ms2;
public bool IsReusable get return false ; 各位有什么建议或意见欢迎留言讨论，由于涉及后台操作，请下载完整实例测试。
下载完整测试实例（.net版本） 下载完整测试实例（asp版本）
ps：实例中没有加入图片，测试时请自己插入一张图片（默认是1.jpg）。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/166980.html 原文链接：https://javaforall.net
