HTML Dateien werden häufig über das Internet verwendet. Folglich unterstützt die Aspose.HTML for .NET-API viele Funktionen für die Arbeit mit dem HTML Dateiformat. In diesem Artikel lernen wir, wie man HTML mit C# in Bilder umwandelt. Lassen Sie uns die folgenden Anwendungsfälle untersuchen:

Lassen Sie uns zunächst die grundlegende HTML Datei überprüfen, die etwas Text und Bilder enthält, die wir in diesen Beispielen als Eingabedatei verwenden werden.

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
  color: black;
}
</style>
</head>
<body>
<h2>Welcome to HTML to Image C# Test Conversion</h2>
<p></p>
<img src="HTML to Image.png" alt="HTML to Image" style="width:300px">
</body>
</html>

Konvertieren Sie HTML in JPG Bild mit C#

Sie können HTML in JPG Bilder mithilfe der C# Sprache in Ihren .NET Anwendungen konvertieren. Die API unterstützt mehrere Funktionen zum Abrufen der Ausgabe mit verschiedenen Variationen. Sie können beispielsweise die Größe des Ausgabebilds sowie jede gewünschte Hintergrundfarbe für Ihr Ausgabebild festlegen.

Sie müssen die folgenden Schritte ausführen, um HTML in ein JPG Bild zu konvertieren:

  1. Initialisieren Sie Bildwiedergabeoptionen mit der Klasse ImageSaveOptions.
  2. Stellen Sie Seitengröße oder Hintergrundfarbe ein
  3. Konvertieren Sie die HTML Datei

Darüber hinaus zeigt der folgende Code, wie man HTML mit C# in ein JPG Bild konvertiert:

        // Richten Sie die Seitengröße 7 x 7 Zoll ein und ändern Sie die Hintergrundfarbe in Hellgrau
        var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg)
        {
            PageSetup =
{
    AnyPage = new Aspose.Html.Drawing.Page()
    {
        Size = new Aspose.Html.Drawing.Size(Aspose.Html.Drawing.Length.FromInches(7), Aspose.Html.Drawing.Length.FromInches(7))
    }
},
            BackgroundColor = System.Drawing.Color.LightGray,
        };
        // Rufen Sie ConvertHTML auf, um „document.html“ in ein JPEG Bild zu konvertieren
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Schauen wir uns außerdem das generierte JPG-Ausgabebild an:

HTML zu JPG

Außerdem können Sie die Hintergrundfarbe und -größe des Bildes aus den Eigenschaften ablesen. Die Auflösungen sind 300 dpi, also sind Breite und Länge des Bildes 2100, da es 7 Zoll lang und breit ist.

Konvertieren Sie HTML in PNG Bild mit C#

PNG Bilddateien sind fortgeschrittenere Dateien als JPG Bilder. Beispielsweise können sie im Gegensatz zu JPG Bildern transparente Hintergründe haben. Daher ist es manchmal besser, HTML in ein PNG Bild zu konvertieren, da es sich um ein beliebtes und kompatibles Dateiformat handelt.

Sie können die folgenden Schritte für die Konvertierung ausführen:

  1. Eingabe-HTML Datei laden
  2. Initialisiert ein Objekt der Klasse ImageSaveOptions.
  3. Konvertieren Sie HTML in ein PNG Bild

Das folgende code snippet zeigt, wie Sie eine HTML Datei mit C# in ein PNG Bild konvertieren:

// Initialisieren Sie ein HTML-Dokument aus der HTML Datei
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// ImageSaveOptions initialisieren 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// Konvertieren Sie HTML in PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

Konvertieren Sie HTML in BMP Bild mit C#

Sie können HTML in ein BMP Bild konvertieren, indem Sie die ImageFormat.Bmp-Eigenschaft verwenden. Ebenso sollten Sie die folgenden Schritte für die Konvertierung befolgen:

  1. HTML Datei laden
  2. Eigenschaft mit BMP festlegen ImageFormat
  3. Führen Sie eine Konvertierung mit der Klasse Converter durch

Der folgende Code zeigt, wie man HTML in ein BMP Bild in C# konvertiert:

// Initialisieren Sie ein HTML-Dokument aus der HTML Datei
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions initialisieren 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // Konvertieren Sie HTML in BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

Konvertieren Sie HTML in GIF Bild mit C#

Die HTML zu GIF Bildkonvertierung ist eine wichtige Funktion der API. Sie können die Datei mit den folgenden Schritten konvertieren:

  1. Eingabe-HTML-Dokument laden
  2. Geben Sie ImageSaveOptions mit GIF ImageFormat an
  3. Rufen Sie die Methode ConvertHTML auf, um HTML in ein GIF Bild zu konvertieren

Der folgende Code zeigt, wie Sie HTML in GIF Bilder mit C# in Ihren .NET Anwendungen konvertieren:

// Initialisieren Sie ein HTML-Dokument aus der HTML Datei
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions initialisieren 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // Konvertieren Sie HTML in GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

Fazit

Zusammenfassend haben wir gelernt, wie man HTML in .NET Anwendungen mit C# oder VB.NET in JPG, PNG, BMP und GIF konvertiert. Die HTML-Konvertierung in diese Bildformate ist eine der wichtigsten Funktionen von Aspose.HTML for .NET API. Darüber hinaus sind die Konvertierungs oder Rendering-Ergebnisse mit höchster Genauigkeit und Effizienz. Aus diesem Grund eignet sich die API am besten zum Konvertieren, Bearbeiten oder Manipulieren von HTML Dateien. Außerdem freuen wir uns, von Ihnen zu hören. Bitte zögern Sie nicht, uns über das kostenlose Support-Forum zu kontaktieren, falls Sie Hilfe benötigen.

Siehe auch

Info: Mit dem Aspose Text to GIF Konverter können Sie lustige Animationen erstellen, indem Sie einfach tippen.