1.1.1 • Published 2 years ago
react-blur v1.1.1
React Blur
React component for creating blurred backgrounds using canvas.
Installation
npm install react-blur --save
Usage
import Blur from "react-blur";
Example
<Blur img="/directory/img.jpg" blurRadius={5} enableStyles>
The content.
</Blur>
For a complete example see the code in the demo branch.
Props
img
: The image path.blurRadius
: Optional. The size of the blur radius.enableStyles
: Optional. Flag to include base styles inline, omit this to easily override.shouldResize
: Optional. If the canvas should re-render on resize? Defaults to true.resizeInterval
: Optional. How fast the canvas should re-render on resize? Defaults to 128ms.
Contributing
Thanks to Quasimodo for the original stack blur algorithm.
1.1.1
2 years ago
1.1.0
2 years ago
1.0.2
2 years ago
1.0.3
2 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.6.0
7 years ago
0.5.2
7 years ago
0.5.1
8 years ago
0.5.0
8 years ago
0.4.0
8 years ago
0.3.1
8 years ago
0.3.0
8 years ago
0.2.5
9 years ago
0.2.4
9 years ago
0.2.3
9 years ago
0.2.2
9 years ago
0.2.1
9 years ago
0.2.0
9 years ago
0.2.0-alpha2
9 years ago
0.2.0-alpha.1
9 years ago
0.2.0-alpha
9 years ago
0.1.3
9 years ago
0.1.2
9 years ago
0.1.1
9 years ago
0.1.0
9 years ago
0.0.9
9 years ago
0.0.8
9 years ago
0.0.7
9 years ago
0.0.6
9 years ago
0.0.5
9 years ago
0.0.4
9 years ago
0.0.2
9 years ago
0.0.1
9 years ago