texto software para online movimiento ejemplos efectos bonito animar animaciones css3 svg d3.js gif animated-gif

css3 - online - software para animar svg



Grabar y guardar una animaciĆ³n SVG como un GIF animado (1)

Descubrí que el simple uso de un programa de captura de pantalla con la función de grabación GIF satisface todas mis necesidades, y es confiable y limpio. Hay varios de estos programas de captura de pantalla. Encontré LICEcap sólido.

Aquí está (casi textualmente) mi procedimiento de la pregunta mencionada anteriormente:

La solución utiliza una herramienta llamada LICEcap, una utilidad de captura de pantalla para Win y Mac. Los pasos son los siguientes:

  1. Descarga LICEcap here e instálalo. Ahora, si inicia este programa, tendrá una forma bastante inusual, solo un marco delgado, y todo dentro del marco será transparente:

  2. Vaya a la ventana con su animación d3.js y prepare todo para que pueda comenzar la animación en algún momento. Digamos que queremos grabar este ejemplo de d3js.org:

  3. Ahora inicie LICEcap y colóquelo sobre el área que desea tener en su gif animado:

  4. Asegúrese de ingresar al menos 20 fps en el cuadro de edición de la parte inferior izquierda, de lo contrario la grabación será de baja calidad. Presione grabar. Primero aparecerá un cuadro de diálogo, y usted elige aquí si quiere que su gif esté en un bucle infinito, o solo que se repita una vez, o cualquier número de veces. También una opción interesante es agregar algunas pistas visuales para clics del mouse. Elija también el nombre del archivo, y presione Guardar.

  5. Ahora haces lo que tienes que hacer para activar animaciones. Presioné varias veces los botones Agrupados y Apilados. Después de que decidí que es suficiente, presioné Detener. El archivo resultante es:

¡Eso es!

¿Existe una biblioteca o herramienta para grabar y guardar una animación SVG como un GIF animado?

Las geometrías SVG están animadas con JavaScript y D3.js , y sus colores y opacidades están animados con CSS 3 .