A React component that creates animated canvas backgrounds with blend modes
Methods
# inner AnimatedBackground(props) → {React.Component}
AnimatedBackground Component
Parameters:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
props |
Object
|
Component props |
||
animationName |
string
|
Name of the animation to display |
||
fallbackAnimation |
string
|
<optional> |
'geometricShapes' | Fallback animation if main animation fails |
fps |
number
|
<optional> |
60 | Frames per second for the animation |
blendMode |
string
|
<optional> |
'normal' | Canvas blend mode |
style |
Object
|
<optional> |
Additional CSS styles for the canvas |
A canvas element with the animated background
React.Component