17 |
Background of this page has been auto created by brusher. Move your mouse around to see it in action.
18 |
All you need is an image. Below code shows how the current page has been initialized
19 |
const brusher = new Brusher({
20 | image: 'abstract.png'
21 | });
22 |
23 | brusher.init();
24 |
25 |
26 |
There are several options that you can use to modify the result. Have a look at the section below.
27 |
30 |
Available Options
31 |
Here is the list of options that you may use
32 |
const brusher = new Brusher({
33 | image: 'abstract.png', // Path of the image to be used as a brush
34 | keepCleared: false, // Whether to keep cleared sections or blur them again
35 | stroke: 80, // Stroke size for the brush
36 | lineStyle: 'round', // Brush style (round, square, butt)
37 | autoBlur: false, // Brusher will use the provided image for the blurry background
38 | autoBlurValue: 15, // Blur strength in pixels
39 | });
40 |
41 | brusher.init();
42 |
43 |
44 |
Have a look at the github page for further details.
45 |
8 |