Animate Order

Create animated SVG preview file and show it in browser. Helps to quickly evaluate line order for cutting processes. Only applies for the complete Inkscape document.

Tips

• Do not use "-inkscape-stroke:hairline" attribute for your paths. It will not render. Your page might be blank!
• If multiple paths are animated simultaneously, break apart paths into sub paths. Each sub path will start a new animation in parallel.
• start your browser indepently from Inkscape before running this extension. Each call we open a new browser tab then. If your browser is closed initially, the Inkscape extension will call a new process window, but Inkscape is blocked until browser is closed again.

Config / Troubleshooting

Browser in path

Select your desired browser (must be installed and must exist in %PATH% variable). If this is not the case, configure it:

Windows (Systemsteuerung\Alle Systemsteuerungselemente\System → Umgebungsvariablen)

Firefox adjustments

If SVG does not animate, check if file access is enabled

Visit about:config → set "privacy.file_unique_origin" to "false"

Still no animation?

• break apart paths to sub paths
• Raise duration time to larger value

More Info

• https://github.com/maxwellito/vivus
• https://github.com/maxwellito/vivus-instant
• http://maxwellito.github.io/vivus
• https://maxwellito.github.io/vivus-instant

See also Line Animator

C:\Program Files\Mozilla Firefox\

Convert animated SVG to Videos/GIFs

There are a lot of tools on the net but most do not work properly. Best is to use a screen capturing tool like https://wiki.ubuntuusers.de/Kazam to capture. This video can be converted to animated gif afterwards.

Install Kazam on Fedora:

sudo dnf install keybinder
sudo dnf install python3-xlib
wget https://raw.githubusercontent.com/rpmsphere/noarch/master/k/kazam-1.5.3-1.1.noarch.rpm
sudo rpm -Uvh kazam-1.5.3-1.1.noarch.rpm

Install Kazam on Ubuntu:

sudo apt install kazam