帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:COL  parser  字符串  String  Generator  color  str  解析器生成器  
Parser and generator for CSS color strings

  • 源代码名称:color-string
  • 源代码网址:http://www.github.com/Qix-/color-string
  • color-string源代码文档
  • color-string源代码下载
  • Git URL:
    git://www.github.com/Qix-/color-string.git
  • Git Clone代码到本地:
    git clone http://www.github.com/Qix-/color-string
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/Qix-/color-string
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 颜色字符串

    Build Status

    解析和生成CSS颜色字符串的库。

    安装

    使用 npm:

    
    
    
    
    $ npm install color-string
    
    
    
    

    用法

    解析

    
    
    
    
    colorString.get('#FFF') // {model: 'rgb', value: [255, 255, 255, 1]}
    
    
    colorString.get('#FFFA') // {model: 'rgb', value: [255, 255, 255, 0.67]}
    
    
    colorString.get('#FFFFFFAA') // {model: 'rgb', value: [255, 255, 255, 0.67]}
    
    
    colorString.get('hsl(360, 100%, 50%)') // {model: 'hsl', value: [0, 100, 50, 1]}
    
    
    colorString.get('hwb(60, 3%, 60%)') // {model: 'hwb', value: [60, 3, 60, 1]}
    
    
    
    colorString.get.rgb('#FFF') // [255, 255, 255, 1]
    
    
    colorString.get.rgb('blue') // [0, 0, 255, 1]
    
    
    colorString.get.rgb('rgba(200, 60, 60, 0.3)') // [200, 60, 60, 0.3]
    
    
    colorString.get.rgb('rgb(200, 200, 200)') // [200, 200, 200, 1]
    
    
    
    colorString.get.hsl('hsl(360, 100%, 50%)') // [0, 100, 50, 1]
    
    
    colorString.get.hsl('hsla(360, 60%, 50%, 0.4)') // [0, 60, 50, 0.4]
    
    
    
    colorString.get.hwb('hwb(60, 3%, 60%)') // [60, 3, 60, 1]
    
    
    colorString.get.hwb('hwb(60, 3%, 60%, 0.6)') // [60, 3, 60, 0.6]
    
    
    
    colorString.get.rgb('invalid color string') // null
    
    
    
    

    生成

    
    
    
    
    colorString.to.hex([255, 255, 255]) //"#FFFFFF"
    
    
    colorString.to.hex([0, 0, 255, 0.4]) //"#0000FF66"
    
    
    colorString.to.hex([0, 0, 255], 0.4) //"#0000FF66"
    
    
    colorString.to.rgb([255, 255, 255]) //"rgb(255, 255, 255)"
    
    
    colorString.to.rgb([0, 0, 255, 0.4]) //"rgba(0, 0, 255, 0.4)"
    
    
    colorString.to.rgb([0, 0, 255], 0.4) //"rgba(0, 0, 255, 0.4)"
    
    
    colorString.to.rgb.percent([0, 0, 255]) //"rgb(0%, 0%, 100%)"
    
    
    colorString.to.keyword([255, 255, 0]) //"yellow"
    
    
    colorString.to.hsl([360, 100, 100]) //"hsl(360, 100%, 100%)"
    
    
    colorString.to.hwb([50, 3, 15]) //"hwb(50, 3%, 15%)"
    
    
    
    // all functions also support swizzling
    
    
    colorString.to.rgb(0, [0, 255], 0.4) //"rgba(0, 0, 255, 0.4)"
    
    
    colorString.to.rgb([0, 0], [255], 0.4) //"rgba(0, 0, 255, 0.4)"
    
    
    colorString.to.rgb([0], 0, [255, 0.4]) //"rgba(0, 0, 255, 0.4)"
    
    
    
    


    文章标签:PAR  COL  str  Generator  parse  color  parser  String  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语