[转载]ASP.NET MVC3-RAZOR-玩转WebImage

[转载]MVC3-RAZOR-玩转WebImage – 撞破南墙 – 博客园.

1 获取图片

1.1从上传中获取图片

WebImage pic = WebImage.GetImageFromRequest(“uploadfile”);

1.2从流里获取

WebImage image0 = new WebImage(File.OpenRead(Server.MapPath(“~/Content/Photo2.jpg”)));

1.3通过克隆

WebImage image2 = image1.Clone();

1.4通过比特的转换

WebImage image1 = new WebImage(image0.GetBytes());

2WebImage的属性

@if (pic != null) {
<li>@pic.Width </li>
<li>@pic.Height </li>
<li>@pic.FileName </li>
<li>@pic.ImageFormat </li>
}

3 图片大小缩放

public WebImage Resize(int width,

int height,

bool preserveAspectRatio = true, 是否保持比例缩放

bool preventEnlarge = false  是否保护不超过原大小。(可以小于但不能超出)

);

我们看到他的高度和宽度改变了。

4翻转(。。真的玩转了)

看多了盖茨和乔帮主，我们来换点轻松的看。

这是没有反转的

竖直 翻动

pic.FlipVertical();

横向翻动

pic.FlipHorizontal();

逆时针转动

pic.RotateLeft();

//顺旋转

// pic.RotateRight();

5水印

文字水印

public WebImage AddTextWatermark(string text,

string fontColor = “Black”,

int fontSize = 12,

string fontStyle = “Regular”,

string fontFamily = “Microsoft Sans Serif”,

string horizontalAlign = “Right”, //指定固定大小的视觉样式元素的水平对齐方式。

string verticalAlign = “Bottom”,//指定控件中对象或文本的垂直对齐方式。

//指定固定大小的视觉样式元素的水平对齐方式。

int opacity = 100, 透明度 0就看不到了

int padding = 5  各边的间隔

);

//指定固定大小的视觉样式元素的水平对齐方式。

指定控件中对象或文本的垂直对齐方式。

图片水印

public WebImage AddImageWatermark(WebImage watermarkImage,

int width = 0, int height = 0,

string horizontalAlign = “Right”,

string verticalAlign = “Bottom”,

int opacity = 100,

int padding = 5);

类似上面的文字水印

他还提供了一个重载的只需要给出路径，自动加载并添加水印。

public WebImage AddImageWatermark(string watermarkImageFilePath,

int width = 0, int height = 0, string horizontalAlign = “Right”, string verticalAlign = “Bottom”, int opacity = 100, int padding = 5);

6裁剪

public WebImage Crop(int top = 0, int left = 0, int bottom = 0, int right = 0);

pic.Crop(150, 150, 150, 150);

各方向减去150px

只剩下猫脸了。

7保存

public WebImage Save(string filePath = null,

string imageFormat = null,

bool forceCorrectExtension = true

);

//保存
pic.Save(path, forceCorrectExtension: false);

8把当前页面作为一张图片显示

// pic.Write();