1.1.0 • Published 7 years ago
react-filterimage v1.1.0
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'));