Vivus es una clase ligera de JavaScript (sin dependencias) que le permite animar SVG, dándoles la apariencia de estar dibujados.Hay una variedad de animaciones diferentes disponibles, así como la opción de crear un script personalizado para dibujar su SVG de la forma que desee.Tipos de animación • Retrasado: cada elemento de ruta se dibuja al mismo tiempo con un pequeño retraso al inicio.Esta es actualmente la animación predeterminada.• Sincronización: cada línea se dibuja sincrónicamente.Todos comienzan y terminan al mismo tiempo, de ahí el nombre `sync`.• OneByOne: cada elemento de ruta se dibuja uno tras otro.Esta animación da la mejor impresión del dibujo en vivo.Función de temporización Para dar más libertad, es posible anular la animación de cada ruta y / o todo el SVG.Funciona un poco como la función de sincronización de animación CSS.Pero en lugar de usar una función cubic-bezier, usa una función simple de JavaScript.Debe aceptar un número como parámetro (entre 0 y 1), luego devolver un número (también entre 0 y 1).Es un gancho.Escenario Esta característica le permite realizar un guión de la animación de su SVG.Para hacer esto, los valores personalizados se establecerán directamente en el DOM del SVG.Aquí hay un ejemplo usando el escenario de sincronización.Le recomendaría que consulte el código fuente y el archivo Léame para obtener más información.