react-filterimage

filter images based on react

⚠️ 图片不能跨域；如果跨域，需要保证服务端的图片有返回access信息，能够被客户端读取

Version 1.0.0

• 只有三个功能: 旋转rotate/亮度brightness/对比度contrast

Version 1.1.0

• 增加功能: 饱和度saturation/高光highlights/阴影shadows

Usage

<div id="app-root"></div>

• //filter 图片，三个功能，filterArray参数

import FilterImage from 'react-filterimage';
import React from "react";
import ReactDOM from "react-dom";

class YourExample extends React.Component {

  render() {
    let path = "/images/1.jpg";
    let image = {
      width : 300
    };
    let filterArray = [
      'brightness',
      'contrast',
      'saturation',
      'highlights',
      'shadows'
    ];
    return (
      <div>
          <FilterImage
            path={path}
            imageStyle={image}
            filter={filterArray}
          />
      </div>
    )
  }
}

ReactDOM.render(<YourExample />,document.getElementById('app-root'));