Vivus er en let JavaScript-klasse (uden afhængighed), der giver dig mulighed for at animere SVG'er, hvilket giver dem udseendet af at blive tegnet.Der er en række forskellige animationer tilgængelige såvel som muligheden for at oprette et brugerdefineret script til at tegne din SVG på hvad du end vil.Animationstyper • Forsinket: Alle sti-elementer tegnes på samme tid med en lille forsinkelse ved starten.Dette er i øjeblikket standardanimationen.• Synkronisering: Hver linje tegnes synkront.De starter og slutter alle på samme tid, og dermed navnet "synkronisering".• OneByOne: Hvert stykkeelement tegnes efter hinanden.Denne animation giver det bedste indtryk af live tegning.Timefunktion For at give mere frihed er det muligt at tilsidesætte animationen af ​​hver sti og / eller hele SVG.Det fungerer lidt som CSS-timingfunktionen.Men i stedet for at bruge en kubik-bezier-funktion, bruger den en simpel JavaScript-funktion.Den skal acceptere et tal som parameter (mellem 0 til 1) og derefter returnere et tal (også mellem 0 og 1).Det er en krog.Scenarize Denne funktion giver dig mulighed for at scriptere animationen af ​​din SVG.For at gøre dette indstilles de tilpassede værdier direkte i SVG's DOM.Her er et eksempel ved hjælp af scenario-synkronisering.Jeg vil anbefale dig at se på kildekoden og readme-filen for at få flere oplysninger.