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: "看转载的朋友去看 http://www.cnblogs.com/facingwaller/" 
               , 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();