Benjamin den Boer
An SVG Path animator component. Connect the component to any Graphic element with an SVG Path, and it will automatically animate to its length, while offering a suite of animation controls. Supports multiple path animations, but in order to get the most reliable results, use the Join Boolean Operation to combine all paths within your Graphic Container. Happy animating!
Property | Type | Description | Default |
---|---|---|---|
State | boolean |
Play or pause. | play |
Fill | boolean |
Inherit or remove. | inherit |
Time | number |
Duration in seconds. | 2 |
Delay | number |
Delay in seconds. | 0 |
Count | number |
Animation iteration count. | 1 |
Direction | enum |
Forwards, backwards, or alternating. | forwards |
Curve | boolean |
Ease or Bezier. | ease |
Type | enum |
Easing options. | ease |
Values | string |
Custom bezier curve. | 1, 0, 0, 1 |