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