Vivus je ľahká trieda JavaScriptu (bez závislostí), ktorá vám umožňuje animovať SVG a dáva im vzhľad kreslenia.K dispozícii je množstvo rôznych animácií, ako aj možnosť vytvoriť vlastný skript na kreslenie vašej SVG ľubovoľným spôsobom.Typy animácií • Oneskorené: Každý prvok cesty sa nakreslí súčasne s malým oneskorením na začiatku.Toto je momentálne predvolená animácia.• Sync: Každá čiara sa kreslí synchrónne.Všetci začínajú a končia v rovnakom čase, odtiaľ názov „sync“.• OneByOne: Každý prvok cesty je nakreslený jeden po druhom.Táto animácia vytvára najlepší dojem zo živej kresby.Funkcia načasovania Na poskytnutie väčšej slobody je možné potlačiť animáciu každej cesty a / alebo celého SVG.Funguje to trochu ako funkcia načasovania animácie CSS.Ale namiesto použitia funkcie kubický-bezier, používa jednoduchú funkciu JavaScript.Musí akceptovať číslo ako parameter (medzi 0 a 1), potom vrátiť číslo (tiež medzi 0 a 1).Je to háčik.Scenarize Táto funkcia umožňuje skriptovať animáciu vášho SVG.Za týmto účelom sa vlastné hodnoty nastavia priamo v DOM SVG.Tu je príklad použitia synchronizácie scenárov.Odporúčame vám pozrieť si zdrojový kód a súbor readme, kde nájdete viac informácií.