Vivus е лек JavaScript клас (без зависимости), който ви позволява да анимирате SVG файлове, придавайки им вид на рисуване.Предлагат се различни различни анимации, както и опцията за създаване на персонализиран скрипт, който да рисува SVG по какъвто и да е начин.Типове анимации • Отложено: Всеки елемент на пътя се рисува едновременно с малко закъснение в началото.В момента това е анимация по подразбиране.• Синхронизиране: Всеки ред се рисува синхронно.Всички те започват и завършват едновременно, оттук и името `sync`.• OneByOne: Всеки елемент на пътя се изчертава един след друг.Тази анимация създава най-доброто впечатление от рисуването на живо.Функция за синхронизиране За да се даде повече свобода, е възможно да се отмени анимацията на всеки път и / или на целия SVG.Тя работи малко като функцията за анимация на CSS.Но вместо да използва кубично-безиева функция, използва проста функция на JavaScript.Той трябва да приеме число като параметър (между 0 до 1), след което да върне число (също между 0 и 1).Това е кука.Scenarize Тази функция ви позволява да скриптирате анимацията на вашия SVG.За да направите това, персонализираните стойности ще бъдат зададени директно в DOM на SVG.Ето пример с използване на сценарий за синхронизиране.Бих ви препоръчал да погледнете изходния код и файла readme за повече информация.