SVG-FILTERS, Fildrop 一组自定义的SVG过滤器

分享于 

3分钟阅读

GitHub

  繁體 雙語
Aplicando filtros SVG
  • 源代码名称:SVG-FILTERS
  • 源代码网址:http://www.github.com/jorgeatgu/SVG-FILTERS
  • SVG-FILTERS源代码文档
  • SVG-FILTERS源代码下载
  • Git URL:
    git://www.github.com/jorgeatgu/SVG-FILTERS.git
    Git Clone代码到本地:
    git clone http://www.github.com/jorgeatgu/SVG-FILTERS
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/jorgeatgu/SVG-FILTERS
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    FILDROP

    Fildrop是一组自定义的SVG过滤器。 使用 Drag Build,postCSSnoUiSlider生成。

    演示工具

    要自定义的##Filters

    你可以自定义某人过滤器。 如果按钮在按钮右上角有 icon,则将自定义该过滤器。

    要使用的##How

    你需要在项目中包括收费的CSS 和收费的SVG,这是你所需要的。 你可以在HTML底部包含过滤器。 我更喜欢在图片文件夹中包含文件。

    <linkrel="stylesheet"href="path/to/filter.css">

    将类添加到元素

    <imgclass="saturate"src="path/to/image.png">

    你可以在这个演示程序中查看所有过滤效果。

    类:

    • saturotate
    • saturate
    • rotamatrix
    • multitable
    • tablen
    • dishue
    • matrix
    • matrix-dos
    • huerotate
    • luminance
    • discrete
    • discrete-dos
    • table
    • table-dos
    • identity
    • linear
    • gamma
    • turbulence
    • sepia
    • fematrix-uno
    • fematrix-dos
    • turbu-map
    • map-uno
    • map-dos
    • blur-uno
    • blur-dos
    • morpho-uno
    • morpho-dos

    支持 ##Browser

    • IE 10 +
    • Chrome 8 +
    • Firefox 3 +
    • Opera 10 +
    • Safari 6 +

    CanIuse

    ##Contributing

    要贡献英镑的,在本地克隆这个 repo,创建你的awesome过滤器,并使用你的过滤器创建请求请求。

    ##License

    Fildrop是在 MIT许可协议许可的。

    ##Credits

    David Dailey

    WebPlatform SVG过滤器

    W3C


    SET  SVG  filters  Svg过滤器  
    相关文章