Vivus, SVG'leri canlandırabilmenizi ve çizilmelerini sağlayan hafif bir JavaScript sınıfıdır (bağımlılık olmadan).SVG'nizi istediğiniz gibi çizmek için özel bir komut dosyası oluşturma seçeneğinin yanı sıra çeşitli farklı animasyonlar da mevcuttur.Animasyon türleri • Gecikmeli: Her yol öğesi başlangıçta küçük bir gecikmeyle aynı anda çizilir.Bu, şu anda varsayılan animasyondur.• Senkronizasyon: Her çizgi senkron olarak çizilir.Hepsi aynı anda başlar ve biter, bu nedenle `senkronizasyon 'adı.• OneByOne: Her yol öğesi birbiri ardına çizilir.Bu animasyon canlı çizimin en iyi izlenimini verir.Zamanlama fonksiyonu Daha fazla özgürlük vermek için her yolun ve / veya tüm SVG'nin animasyonunu geçersiz kılmak mümkündür.CSS animasyon zamanlama işlevi gibi biraz çalışır.Ancak kübik-bezier işlevi kullanmak yerine, basit bir JavaScript işlevi kullanır.Bir sayıyı parametre olarak kabul etmelidir (0 ile 1 arasında), ardından bir sayı döndürmelidir (ayrıca 0 ile 1 arasında).Bu bir kanca.Scenarize Bu özellik SVG'nizin animasyonunu senaryo yazmanızı sağlar.Bunu yapmak için, özel değerler doğrudan SVG'nin DOM'sinde ayarlanır.İşte senaryo senkronizasyonu kullanan bir örnek.Daha fazla bilgi için kaynak koduna ve benioku dosyasına bakmanızı tavsiye ederim.