1.什么是ImageProcessor.Web
ImageProcessor.Web是基于ImageProcessor的web图像处理模块,允许开发者使用URL查询字符串参数的方式作为指令执行图像处理。
最新版有些问题,请大家使用4.5版本
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?format=png&alpha=50
3.2.2背景颜色
改变当前图像的背景颜色。当固定当前图像大小时出现的背景颜色可指定颜色值,默认为黑色。
<!--Hex--> http://your-image?width=600&height=300&bgcolor=800080 <!--RGBA--> http://your-image?width=600&height=300&bgcolor=128,0,128,255 <!--Known Color--> http://your-image?width=600&height=300&bgcolor=purple
3.2.3裁剪
将当前图像定位到给定的位置和大小。有两种模式可供选择:
- 基于像素的-提供左上角坐标和新的宽度/高度。
- 百分比-提供left, top, right, bottom的百分比(1和0之间)
http://your-image?crop=x,y,width,height
http://your-image?crop=left,top,right,bottom&cropmode=percentage
实例:http://your-image
?width=400&crop=0,0,400,400&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