MVC3-RAZOR-玩转WebImage

 

目录

1获取图片

2查看webimage的属性

3图片的缩放

4翻转

5水印

6裁减

7保存

8输出

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  各边的间隔

);

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

成员名称	说明
	Left	该元素为左对齐。
	Center	该元素水平居中。
	Right	该元素为右对齐。

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

成员名称	说明
	NotSet	未设置垂直对齐方式。
	Top	文本或对象与该封闭控件的顶部对齐。
	Middle	文本或对象与该封闭控件居中对齐。
	Bottom	文本或对象与该封闭控件的底部对齐。

pic.AddTextWatermark(text: " 看转载 "
, verticalAlign: " Top " // 指定控件中对象或文本的垂直对齐方式。
, fontColor: " Red "
, horizontalAlign: " Left " // 指定固定大小的视觉样式元素的水平对齐方式。
,padding: 30 );

图片水印

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);

WebImage photo1 = new WebImage(@"~\Content\Photo2.jpg");

            pic = pic.AddImageWatermark(watermarkImage: photo1
          , width: 150, height: 150
            , horizontalAlign: "Right", verticalAlign: "Middle"
          , opacity: 50
              );

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();