GIF y APNG pertenecen a la lista de formatos de imágenes animadas más comunes. GIF significa Graphics Interchange Format y los archivos APNG son Animated Portable Nnetwork Graphics . Si comparamos archivos GIF y APNG de la misma calidad, se nota que los archivos APNG son de menor tamaño. Este artículo tratará sobre reproducir y pausar archivos GIF y APNG animados en una página web HTML usando C#.
A continuación se tratarán los siguientes temas:
- API .NET para imágenes animadas
- Reproducir y pausar imagen APNG animada en HTML usando C#
- Reproducir y pausar imagen GIF animada en HTML usando C#
API .NET para imágenes animadas
Para las imágenes animadas, utilizaré la API GroupDocs.Viewer for .NET en los ejemplos de C# de este artículo. Junto con la representación de imágenes GIF y APNG, esta API admite la representación de documentos de procesamiento de texto, hojas de cálculo, PDF, presentaciones, correos electrónicos, archivos ZIP, dibujos de Visio y CAD, imágenes de libros electrónicos, archivos de código fuente de programación y muchos otros formatos de documentos.
Puede descargar las DLL o el instalador MSI desde la sección de descargas o instalar la API en su aplicación .NET a través de NuGet.
PM> Install-Package GroupDocs.Viewer
Reproducir y pausar imágenes APNG animadas en C#
Para representar un archivo de imagen APNG en una página HTML, siga los pasos que se mencionan a continuación. El código fuente y la salida de C# también están disponibles a continuación.
- Cree un objeto de clase Viewer con el archivo de imagen APNG.
- Cree el objeto HTMLViewOptions mediante el método ForEmbeddedResources y proporcione el archivo HTML de salida.
- Llame al método View del objeto del visor para crear la vista de la imagen animada APNG.
El siguiente es el código C# que convierte la imagen APNG en una página web HTML. También proporciona la opción de reproducción y pausa para el archivo PNG animado.
// Renderizar APNG a HTML con la opción Reproducir y Pausa
using (Viewer viewer = new Viewer("animation.apng"))
{
HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-APNG.html");
viewer.View(options);
}
Aquí está la vista de la página HTML de salida con el archivo APNG. Desde este enlace, también puede experimentar la reproducción y pausa de la animación APNG que se crea usando el código C# anterior.
Reproducir y pausar imágenes GIF animadas en C#
Si desea representar las imágenes GIF en una página web HTML, puede hacerlo utilizando el código similar al anterior. La opción de reproducción y pausa también estará disponible para animaciones GIF como lo está para animaciones APNG. El siguiente ejemplo de código C# representa el archivo de animación GIF en HTML con la opción de reproducción y pausa.
// Renderizar GIF a HTML con la opción Reproducir y Pausa
using (Viewer viewer = new Viewer("animation.gif"))
{
HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-gif.html");
viewer.View(options);
}
Conclusión
Estoy seguro de que estará seguro de intentar renderizar archivos GIF y APNG animados en páginas web HTML usando C#. Puede crear su propia aplicación .NET con la función de reproducir y pausar animaciones GIF y APNG en C#.
Para obtener más información sobre la API y las imágenes animadas, visite la documentación o los ejemplos de código abierto en GitHub. Con respecto a cualquier consulta o confusión, no dude en ponerse en contacto con el soporte en el foro.
Que tengas un buen día animado con C#.