Vivus je lehká třída JavaScriptu (bez závislostí), která vám umožňuje animovat SVG, což jim dává dojem, že jsou kresleny.K dispozici je celá řada různých animací a také možnost vytvořit vlastní skript pro nakreslení SVG libovolným způsobem.Typy animace • Zpožděné: Každý element cesty je nakreslen současně s malým zpožděním na začátku.Toto je aktuálně výchozí animace.• Sync: Každý řádek je nakreslen synchronně.Všichni začínají a končejí současně, odtud název „sync“.• OneByOne: Každý prvek cesty je nakreslen jeden po druhém.Tato animace dává nejlepší dojem z živé kresby.Funkce časování Pro větší svobodu je možné potlačit animaci každé cesty a / nebo celého SVG.Funguje to trochu jako funkce časování animace CSS.Namísto použití funkce krychlového bezieru však používá jednoduchou funkci JavaScript.Musí přijmout číslo jako parametr (mezi 0 a 1), potom vrátit číslo (také mezi 0 a 1).Je to háček.Scenarize Tato funkce umožňuje skriptovat animaci SVG.Za tímto účelem budou vlastní hodnoty nastaveny přímo v DOM SVG.Zde je příklad použití scénářové synchronizace.Doporučuji vám podívat se na zdrojový kód a soubor readme pro více informací.