js + .Net 图片切割系统

核心提示： 其中图片地址、图片宽度、图片高度如果是预先设定好的话就可以不传递了，【后台部分】后台主要是进行图片的处理和输出，js + .Net 图片切割系统(2)，【图片切割】在后台获取前台传递的参数：Codestring Pic = Convert.ToString(context.Request[

其中图片地址、图片宽度、图片高度如果是预先设定好的话就可以不传递了。

【后台部分】

后台主要是进行图片的处理和输出。

【图片切割】

在后台获取前台传递的参数：

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是原图）：

水平切割点：PointX * imgPhoto.Width / PicWidth；