0
Vivus.js
Vivus je lagana JavaScript klasa koja omogućuje animiranje SVG datoteka što im daje izgled crtanja.
- Besplatna
- Self-Hosted
- JavaScript
Vivus je lagana JavaScript klasa (bez ovisnosti) koja vam omogućuje animiranje SVG datoteka što im daje izgled crtanja.Dostupne su različite animacije, kao i mogućnost izrade prilagođene skripte za crtanje SVG-a na bilo koji način.Vrste animacija • Odgođeno: Svaki element staze crta se istodobno s malim kašnjenjem na početku.Ovo je trenutno zadana animacija.• Sinkroniziranje: svaka linija crta se sinkrono.Svi počinju i završavaju u isto vrijeme, odatle i naziv `sync`.• OneByOne: svaki se element staze crta jedan za drugim.Ova animacija daje najbolji dojam živog crtanja.Funkcija vremena Da biste dobili više slobode, moguće je poništiti animaciju svakog puta i / ili čitavog SVG-a.Djeluje pomalo kao CSS funkcija vremena za animaciju.No umjesto kubno-bezier funkcije, koristi se jednostavna JavaScript funkcija.Mora prihvatiti broj kao parametar (između 0 i 1), a zatim vratiti broj (također između 0 i 1).To je kuka.Scenariza Ova značajka omogućuje vam skripta animacije SVG-a.Da biste to učinili, prilagođene vrijednosti bit će postavljene izravno u DOM SVG-a.Evo primjera upotrebe sinkronizacije scenarija.Preporučio bih vam da pogledate izvorni kod i datoteku readme za više informacija.