node-quickthumb, 即时,用于表示的缩略图创建中间件

分享于 

5分钟阅读

GitHub

  繁體 雙語
On the fly, thumbnail creation plugin for hapi
  • 源代码名称:node-quickthumb
  • 源代码网址:http://www.github.com/zivester/node-quickthumb
  • node-quickthumb源代码文档
  • node-quickthumb源代码下载
  • Git URL:
    git://www.github.com/zivester/node-quickthumb.git
    Git Clone代码到本地:
    git clone http://www.github.com/zivester/node-quickthumb
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/zivester/node-quickthumb
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    QuickThumb

    QuickThumb是一个动态的,缩略图创建中间件,用于。 它利用了流行的*nix 图像库,ImageMagick。 它允许在标准图像url上添加查询参数,从而自动创建缩略图。 这对于希望轻松实验不同大小缩略图的web开发人员很理想,wihout必须担心生成整个库。

    QuickThumb还附带了一个 命令行 工具来批量创建缩略图。 更适合生产所有图像的生产系统。

    示例

    var express =require('express'),
     app =express(),
     qt =require('quickthumb');app.use('/public', qt.static(__dirname+'/../public'));
    <imgsrc="/public/images/red.gif?dim=200x100"/>

    安装

    
    npm install quickthumb
    
    
    
    

    这里 MODULE 需要 ImageMagick,因此请确保已经安装它。

    Ubuntu

    
    apt-get install imagemagick
    
    
    
    

    Mac OS X

    
    brew install imagemagick
    
    
    
    

    fedora/centos

    
    yum install imagemagick
    
    
    
    

    文档

    qt.static(path, [options] )

    替代 express.static() 或者 connect.static()的中间件。

    path 是图像所在的基本目录。

    options 是指定自定义的对象。 它目前具有以下选项:

    • type 要进行的类型转换的类型。 目前只有两个选项:
      • crop ( 默认值) 裁剪并将图像缩放到指定的大小。 imagemagick.crop的代理。
      • resize 调整图像的大小以适合指定的维度,但实际尺寸可以能不能完全按照指定的。 imagemagick.resize的代理。
    • cacheDir 生成生成图像的目录。 如果未提供,将在 [path]/.cache/ 中创建图像
    • quality 在调整图像大小时使用的质量。 值应介于 0 ( 最差质量) 和 1之间( 最佳质量)

    图像大小的调整由查询参数 dim。 这是 [width] x [height] 格式的。 比如 red.gif?dim=200x100

    根据需要,根据需要创建大小调整的图像,并将它的存储在 [cacheDir]/[type]/[dim] 中。

    如果 dim 参数不存在,则将提供原始图像。

    qt.convert(options, callback )

    第一个参数是一个选项对象。 srcdst,以及至少需要 widthheight 之一

    • src ( 必选) 到源映像的路径
    • dst ( 必选) 到目标映像的路径
    • 缩放图像的width 宽度
    • 缩放图像的height 高度

    回调参数获取 2个参数。 第一个是错误对象,很可能来自imagemagick的 。 第二个参数是创建的图像的路径。

    utils

    node bin/make-thumb.js src dst [width]x[height] [-p] [-r] [--resize]
    • 源图像或者目录的src 路径
    • 目标映像或者目录的dst 路径
    • 缩放图像的[width]x[height] 尺寸
    • -p 根据维度在 dst 中创建子目录
    • src 递归处理 -r 进程图像
    • --resize 使用调整大小而不是使用 crop

    示例

    // Resize a single image and write it to/tmp/red.gifnode bin/make-thumb.jspublic/images/red.gif/tmp/200x200// Resize all images recursively from public/images/* and write them to/tmp/200x200/*node bin/make-thumb.jspublic/images//tmp/200x200-p -r

    EXP  expr  Express  中间件  Creation  Thumb  
    相关文章