zoukankan      html  css  js  c++  java
  • ImageProcessor.Web,再也不用自己生成缩略图了

    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裁剪

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

    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

    实例:
    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
    Web+致力于为广大Web开发人员提供基础的服务,如网站模板,后台模板,基础框架。目前有AbpZero|Abp Zero|AspNetZero框架,基于Abp的Easyui后台管理框架,Easyui后台管理模板,bootstrap后台模板等。
  • 相关阅读:
    Linux系统组成和获取命令帮助2
    Linux系统组成和获取命令帮助1
    3P修饰
    PHP-简单生成唯一数
    Go语言实现APPID登录
    磁盘满了,却看不到是谁占用的
    Redis安装、配置和卸载
    docker 加入域名
    Docker安装
    Swoft+Docker
  • 原文地址:https://www.cnblogs.com/shiningrise/p/7082292.html
Copyright © 2011-2022 走看看