Soubory HTML se na internetu často používají. V určitých případech můžeme potřebovat převést stránky HTML na obrázky. V tomto článku se naučíme, jak převést HTML na obrázek v C#. Naučíme se vykreslovat webovou stránku HTML do JPG, PNG, BMP, GIF a dalších oblíbených formátů obrázků.

Tento článek se zabývá následujícími tématy:

C# API pro převod HTML na obrázek

Pro převod HTML souborů na obrázky v C# použijeme Aspose.HTML for .NET. Umožňuje vývojářům pracovat s dokumenty HTML v jejich aplikacích .NET. Poskytuje širokou škálu funkcí a možností pro analýzu, konverzi, úpravy a vykreslování HTML dokumentů.

Prosím stáhněte si DLL API nebo jej nainstalujte pomocí NuGet.

PM> Install-Package Aspose.Html

Převod HTML na obrázek - vstupní soubor

Nejprve se podívejme na základní HTML soubor obsahující nějaký text a obrázky, který budeme v těchto příkladech používat jako vstupní soubor.

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

Převést HTML na JPG obrázek v C#

Jakoukoli webovou stránku HTML můžeme převést na obrázek JPG podle následujících kroků:

  1. Inicializujte možnosti vykreslování obrázků pomocí třídy ImageSaveOptions.
  2. Nastavte velikost stránky nebo barvu pozadí.
  3. Poté zadejte ImageFormat jako JPG.
  4. Nakonec zavolejte metodu ConvertHTML() pro převod HTML na JPG.

Následující ukázka kódu ukazuje, jak převést HTML na obrázek JPG v C#.

        // Nastavte velikost stránky 7 x 7 palců a změňte barvu pozadí na světle šedou
        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,
        };
        // Chcete-li převést 'document.html' na obrázek jpeg, zavolejte ConvertHTML
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Navíc se podívejme na vygenerovaný výstupní obrázek JPG:

Obrázek z HTML do JPG C#

Dále si z vlastností můžete všimnout barvy pozadí a velikosti obrázku. Rozlišení jsou 300 dpi, takže šířka a délka obrázku jsou 2100, protože je 7 palců na délku a šířku.

Převést HTML na PNG obrázek v C#

Soubory obrázků PNG jsou pokročilejší soubory než obrázky JPG. Mohou mít například průhledné pozadí, na rozdíl od obrázků JPG. Proto je někdy lepší převést HTML na obrázek PNG, protože je to populární a kompatibilní formát souboru.

můžeme převést HTML na PNG podle výše uvedených kroků. Stačí však zadat ImageFormat.Png v kroku #3.

Následující fragment kódu ukazuje, jak převést soubor HTML na obrázek PNG v C#:

// Inicializujte dokument HTML ze souboru html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Inicializujte ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// Převést HTML do PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

C# HTML to BMP Image Converter

Podobně můžeme převést HTML na BMP podle výše uvedených kroků. Stačí však zadat ImageFormat.Bmp v kroku #3.

Následující ukázka kódu ukazuje, jak převést HTML na obrázek BMP v C#:

// Inicializujte dokument HTML ze souboru html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inicializujte ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // Převést HTML do BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

Převést HTML na GIF obrázek v C#

Můžeme také převést HTML na GIF podle výše uvedených kroků. Stačí však zadat ImageFormat.Gif v kroku #3.

Níže uvedený kód ukazuje, jak převést obrázky HTML na obrázky GIF v C#.

// Inicializujte dokument HTML ze souboru html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inicializujte ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // Převést HTML na GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

Získejte bezplatnou licenci

Získejte bezplatnou dočasnou licenci a vyzkoušejte knihovnu bez omezení hodnocení.

HTML k obrázku – učební zdroje

Kromě převodu webových stránek HTML na obrázky prozkoumejte různé další funkce knihovny pomocí zdrojů níže:

Závěr

Abychom to shrnuli, naučili jsme se, jak převést HTML na JPG, PNG, BMP a GIF v C# v rámci aplikací .NET. Převod HTML do těchto obrazových formátů je jednou z nejdůležitějších funkcí Aspose.HTML for .NET API. Kromě toho mají výsledky konverze nebo vykreslování nejvyšší věrnost a efektivitu. Proto je API nejvhodnější pro konverzi, úpravu nebo manipulaci se soubory HTML. Navíc se těšíme, až se nám ozvete. V případě jakékoli pomoci nás neváhejte kontaktovat prostřednictvím Free Support Forum.

Viz také

Informace: Převaděč Aspose Text to GIF vám umožňuje vytvářet zábavné animace pouhým psaním.