码迷,mamicode.com
首页 > Web开发 > 详细

【推荐】ImageProcessor.Web,再也不用自己生成缩略图了

时间:2016-09-19 10:20:55      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

1.什么是ImageProcessor.Web

ImageProcessor.Web是基于ImageProcessor的web图像处理模块,允许开发者使用URL查询字符串参数的方式作为指令执行图像处理。

2.常用功能

完整功能请参见官方文档:http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/

  • Alpha

  • 背景颜色
  • 裁剪
  • 格式转换
  • 质量
  • 调整大小

3.如何使用

3.1使用nuget引用

Web项目下,在包管理控制台输入以下命令,安装完成后就可以使用了,基本不用其它配置。

Install-Package ImageProcessor.Web

3.2各功能使用范例

下面我们将以一张图片为例,讲解一下常用功能的使用方式,更多功能请查看:http://imageprocessor.org/imageprocessor-web/

3.2.1Alpha

调整图像的透明度。将所需的百分比值(没有“%”)作为参数传递。

http://your-image?alpha=50

技术分享

技术分享

3.2.2背景颜色

改变当前图像的背景颜色。当固定当前图像大小时出现的背景颜色可指定颜色值,默认为黑色。

<!--Hex-->
http://your-image?bgcolor=800080
<!--RGBA-->
http://your-image?bgcolor=128,0,128,255
<!--Known Color-->
http://your-image?bgcolor=purple

技术分享

技术分享

3.2.3裁剪

将当前图像定位到给定的位置和大小。有两种模式可供选择:

  1. 基于像素的-提供左上角坐标和新的宽度/高度。
  2. 百分比-提供left, top, right, bottom的百分比(1和0之间)
http://your-image?crop=x,y,width,height
http://your-image?crop=left,top,right,bottom&cropmode=percentage

技术分享

技术分享

3.2.4格式转换

调整当前图像的输出格式。

更多格式:http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/format/

http://your-image?format=png8

技术分享

技术分享

3.2.5质量调整

改变当前图像的输出质量。这种方法会影响图像的输出质量。

http://your-image?quality=65

技术分享

技术分享

3.2.6调整大小

调整图像尺寸大小。

更多参数查看:http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/resize/

http://your-image?width=600&height=250

【推荐】ImageProcessor.Web,再也不用自己生成缩略图了

标签:

原文地址:http://www.cnblogs.com/webplus/p/5883987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!