GIF und APNG sind aus der Liste der gängigsten animierten Bildformate. GIF steht für Graphics Interchange Format und APNG-Dateien sind die Animierten Portierbaren Nnetwork Graphics . Wenn wir GIF- und APNG-Dateien gleicher Qualität vergleichen, fällt auf, dass APNG-Dateien kleiner sind. In diesem Artikel wird das Wiedergeben und Anhalten von animierten GIF- und APNG-Dateien auf einer HTML-Webseite mit C# erörtert.

Nachfolgend werden folgende Themen behandelt:

.NET-API für animierte Bilder

Für die animierten Bilder verwende ich die API GroupDocs.Viewer for .NET in den C#-Beispielen dieses Artikels. Neben dem Rendern von GIF- und APNG-Bildern unterstützt diese API das Rendern von Textverarbeitungsdokumenten, Tabellenkalkulationen, PDFs, Präsentationen, E-Mails, ZIP-Archiven, Visio- und CAD-Zeichnungen, eBooks-Bildern, Programmierquellcodedateien und vielen anderen Dokumentformaten.

Sie können die DLLs oder das MSI-Installationsprogramm aus dem Downloadbereich herunterladen oder die API in Ihrer .NET-Anwendung über NuGet installieren.

PM> Install-Package GroupDocs.Viewer

Animierte APNG-Bilder in C# wiedergeben und anhalten

Um eine APNG-Bilddatei in eine HTML-Seite zu rendern, befolgen Sie die unten aufgeführten Schritte. Der C#-Quellcode und die Ausgabe sind auch unten verfügbar.

  • Erstellen Sie ein Klassenobjekt Viewer mit der APNG-Bilddatei.
  • Erstellen Sie das Objekt HTMLViewOptions mithilfe der Methode ForEmbeddedResources und stellen Sie ihm die HTML-Ausgabedatei bereit.
  • Rufen Sie die Methode View des Viewer-Objekts auf, um die Ansicht für das animierte APNG-Bild zu erstellen.

Das Folgende ist der C#-Code, der ein APNG-Bild auf eine HTML-Webseite rendert. Es bietet auch die Wiedergabe- und Pausenoption für die animierte PNG-Datei.

// Rendern Sie APNG in HTML mit der Wiedergabe- und Pausenoption
using (Viewer viewer = new Viewer("animation.apng"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-APNG.html");
    viewer.View(options);
}

Hier ist die Ansicht der ausgegebenen HTML-Seite mit der APNG-Datei. Über diesen Link können Sie auch die Wiedergabe und Pause der APNG-Animation erleben, die mit dem obigen C#-Code erstellt wird.

Anhalten von APNG-animiertem PNG in C#

Animierte GIF-Bilder in C# wiedergeben und anhalten

Wenn Sie die GIF-Bilder auf einer HTML-Webseite rendern möchten, können Sie dies mit dem ähnlichen Code wie oben tun. Die Wiedergabe- und Pausenoption wird auch für GIF-Animationen verfügbar sein, wie es für APNG-Animationen der Fall ist. Das folgende C#-Codebeispiel rendert die GIF-Animationsdatei mit der Wiedergabe- und Pausenoption in HTML.

// Rendern Sie GIF in HTML mit der Wiedergabe- und Pausenoption
using (Viewer viewer = new Viewer("animation.gif"))
{
    HtmlViewOptions options = HtmlViewOptions.ForEmbeddedResources("Web-Page-with-gif.html");
    viewer.View(options);
}

Fazit

Ich bin sicher, dass Sie es wagen werden, animierte GIF- und APNG-Dateien mit C# in HTML-Webseiten zu rendern. Sie können Ihre eigene .NET-Anwendung mit der Funktion zum Abspielen und Anhalten von GIF- und APNG-Animationen in C# erstellen.

Weitere Informationen zur API und animierten Bildern finden Sie in der Dokumentation oder in den Open-Source-Beispielen auf GitHub. Wenden Sie sich bei Fragen oder Unklarheiten gerne an den Support im Forum.

Ich wünsche Ihnen einen schönen animierten Tag mit C#.

Siehe auch