Vivus یک کلاس جاوا اسکریپت سبک (بدون وابستگی) است که به شما امکان می دهد SVG ها را تحریک کنید و به آنها ظاهری ترسیم می شود.انواع انیمیشن های مختلف در دسترس است ، همچنین گزینه ایجاد اسکریپت سفارشی برای ترسیم SVG شما به هر روشی که دوست دارید.انواع انیمیشن • تأخیر: هر عنصر مسیر همزمان با تأخیر اندک در شروع ترسیم می شود.این در حال حاضر انیمیشن پیش فرض است.• همگام سازی: هر خط به صورت همزمان ترسیم می شود.همه آنها همزمان شروع می شوند و به پایان می رسند ، از این رو نام "همگام سازی" نامگذاری می شود.• OneByOne: هر عنصر مسیر یکی پس از دیگری ترسیم می شود.این انیمیشن بهترین تصور را از نقاشی زنده به شما می دهد.عملکرد زمان بندی برای آزادی بیشتر ، می توان از انیمیشن هر مسیر و / یا کل SVG نادیده گرفت.کمی شبیه به عملکرد زمان بندی انیمیشن CSS عمل می کند.اما به جای استفاده از یک تابع با مکعب bezier ، از یک عملکرد ساده JavaScript استفاده می کند.باید یک عدد را به عنوان پارامتر بپذیرد (بین 0 تا 1) ، سپس یک عدد را برگرداند (همچنین بین 0 تا 1).این قلاب استScenarize این ویژگی به شما امکان می دهد انیمیشن SVG خود را ضبط کنید.برای این کار مقادیر سفارشی مستقیماً در DOM SVG تنظیم می شود.در اینجا مثالی با استفاده از همگام سازی سناریو آورده شده است.توصیه می کنم برای اطلاعات بیشتر به کد منبع و پرونده readme مراجعه کنید.