Pliki HTML są często używane w Internecie. W niektórych przypadkach może zaistnieć potrzeba konwersji stron HTML na obrazy. W tym artykule dowiemy się, jak przekonwertować HTML na obraz w C#. Nauczymy się renderować stronę HTML do JPG, PNG, BMP, GIF i innych popularnych formatów graficznych.

W tym artykule omówiono następujące tematy:

API C# do konwersji HTML na obraz

Będziemy używać Aspose.HTML for .NET do konwersji plików HTML na obrazy w C#. Umożliwia programistom pracę z dokumentami HTML w aplikacjach .NET. Zapewnia szeroką gamę funkcji i możliwości analizowania, konwertowania, edytowania i renderowania dokumentów HTML.

Proszę pobierz bibliotekę DLL interfejsu API lub zainstaluj ją za pomocą NuGet.

PM> Install-Package Aspose.Html

Konwersja HTML na obraz - plik wejściowy

Na początek sprawdźmy podstawowy plik HTML, zawierający tekst i obrazy, którego będziemy używać jako pliku wejściowego w tych przykładach.

<!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>

Konwertuj HTML na obraz JPG w C#

Możemy przekonwertować dowolną stronę HTML na obraz JPG, wykonując poniższe kroki:

  1. Zainicjuj opcje renderowania obrazu przy użyciu klasy ImageSaveOptions.
  2. Ustaw rozmiar strony lub kolor tła.
  3. Następnie określ ImageFormat jako JPG.
  4. Na koniec wywołaj metodę ConvertHTML(), aby przekonwertować HTML na JPG.

Poniższy przykładowy kod pokazuje, jak przekonwertować kod HTML na obraz JPG w języku C#.

        // Ustaw rozmiar strony 7 x 7 cali i zmień kolor tła na jasnoszary
        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,
        };
        // Wywołaj ConvertHTML, aby przekonwertować „document.html” na obraz JPEG
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Co więcej, przyjrzyjmy się wygenerowanemu wyjściowemu obrazowi JPG:

HTML do obrazu JPG C#

Ponadto możesz zauważyć kolor tła i rozmiar obrazu we właściwościach. Rozdzielczość wynosi 300 dpi, więc szerokość i długość obrazu wynoszą 2100, ponieważ ma 7 cali długości i szerokości.

Konwertuj HTML na obraz PNG w C#

Pliki obrazów PNG są plikami bardziej zaawansowanymi niż obrazy JPG. Na przykład mogą mieć przezroczyste tło, w przeciwieństwie do obrazów JPG. Dlatego czasami lepiej jest przekonwertować HTML na obraz PNG, ponieważ jest to popularny i kompatybilny format pliku.

możemy przekonwertować HTML na PNG, wykonując kroki wymienione wcześniej. Musimy jednak tylko określić ImageFormat.Png w kroku 3.

Poniższy fragment kodu pokazuje, jak przekonwertować plik HTML na obraz PNG w języku C#:

// Zainicjuj dokument HTML z pliku HTML
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Zainicjuj opcje ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

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

Konwerter obrazów C# HTML na BMP

Podobnie możemy przekonwertować HTML na BMP, wykonując kroki wymienione wcześniej. Musimy jednak tylko określić ImageFormat.Bmp w kroku 3.

Poniższy przykładowy kod pokazuje, jak przekonwertować obraz HTML na obraz BMP w języku C#:

// Zainicjuj dokument HTML z pliku HTML
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Zainicjuj opcje ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

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

Konwertuj HTML na obraz GIF w C#

Możemy również przekonwertować HTML na GIF, wykonując kroki wymienione wcześniej. Musimy jednak po prostu określić ImageFormat.Gif w kroku 3.

Poniższy kod pokazuje, jak przekonwertować obrazy HTML na GIF w języku C#.

// Zainicjuj dokument HTML z pliku HTML
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Zainicjuj opcje ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

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

Zdobądź bezpłatną licencję

Uzyskaj bezpłatną licencję tymczasową, aby wypróbować bibliotekę bez ograniczeń ewaluacyjnych.

HTML do obrazu — zasoby edukacyjne

Oprócz konwersji stron internetowych HTML na obrazy, poznaj różne inne funkcje biblioteki, korzystając z poniższych zasobów:

Wniosek

Podsumowując, nauczyliśmy się konwertować HTML do JPG, PNG, BMP i GIF w C# w aplikacjach .NET. Konwersja HTML do tych formatów obrazów jest jedną z najważniejszych funkcji Aspose.HTML for .NET API. Co więcej, wyniki konwersji lub renderowania charakteryzują się najwyższą wiernością i wydajnością. Dlatego interfejs API najlepiej nadaje się do konwertowania, edytowania i manipulowania plikami HTML. Co więcej, czekamy na wiadomość od Ciebie. Jeśli potrzebujesz pomocy, skontaktuj się z nami za pośrednictwem bezpłatnego forum wsparcia.

Zobacz też

Informacje: Konwerter Aspose Tekst na GIF umożliwia tworzenie zabawnych animacji po prostu przez pisanie.