Skip to content

cheng500/svg-path-animator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Aug 24, 2020
3ff5696 · Aug 24, 2020

History

5 Commits
Aug 24, 2020
Aug 20, 2020
Aug 20, 2020
Aug 24, 2020
Aug 20, 2020
Aug 20, 2020
Aug 20, 2020

Repository files navigation

SVG Path Animator

CLI tool to animate svg paths

DEMO

Installation

npm install -g svg-lineart-animator

Usage

svgline --file test.svg

Options

Usage:
  svgline [options]

Options:
  -f, --file                                             Path to original file
  -w, --delay                                            Delay before start of animation in ms
  -d, --destination                                      Path to save generated file
  -p, --direction                                        Animation direction
  -s, --duration                                         Duration of the animation in ms
  -h, --help                                             This screen
  -i, --iteration                                        Number of iteration for animation
  -t, --timing                                           Timing of the animation

For more information on the animation properties. Check it out here: https://www.w3schools.com/cssref/css3_pr_animation.asp

Support

If you like this app, please consider donating to a small time developer (me)!

Donate