Các tệp HTML thường được sử dụng qua internet. Trong một số trường hợp nhất định, chúng tôi có thể cần chuyển đổi các trang HTML thành hình ảnh. Trong bài viết này, chúng ta sẽ tìm hiểu cách chuyển đổi HTML thành hình ảnh trong C#. Chúng ta sẽ tìm hiểu cách hiển thị trang web HTML thành JPG, PNG, BMP, GIF và các định dạng hình ảnh phổ biến khác.

Bài viết này bao gồm các chủ đề sau:

API C# để chuyển đổi HTML thành hình ảnh

Chúng tôi sẽ sử dụng Aspose.HTML for .NET để chuyển đổi tệp HTML thành hình ảnh trong C#. Nó cho phép các nhà phát triển làm việc với các tài liệu HTML trong các ứng dụng .NET của họ. Nó cung cấp nhiều tính năng và khả năng phân tích cú pháp, chuyển đổi, chỉnh sửa và hiển thị tài liệu HTML.

Vui lòng tải xuống DLL của API hoặc cài đặt nó bằng NuGet.

PM> Install-Package Aspose.Html

Chuyển đổi HTML thành hình ảnh - Tệp đầu vào

Trước hết, chúng ta hãy kiểm tra tệp HTML cơ bản, chứa một số văn bản và hình ảnh mà chúng ta sẽ sử dụng làm tệp đầu vào trong các ví dụ này.

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

Chuyển đổi hình ảnh HTML sang JPG trong C#

Chúng tôi có thể chuyển đổi bất kỳ trang web HTML nào sang hình ảnh JPG bằng cách thực hiện theo các bước bên dưới:

  1. Khởi tạo các tùy chọn hiển thị hình ảnh bằng lớp ImageSaveOptions.
  2. Đặt kích thước trang hoặc màu nền.
  3. Sau đó, chỉ định ImageFormat là JPG.
  4. Cuối cùng, gọi phương thức ConvertHTML() để chuyển đổi HTML sang JPG.

Mẫu mã sau đây cho biết cách chuyển đổi HTML sang hình ảnh JPG trong C#.

        // Thiết lập kích thước trang 7x7 inch và thay đổi màu nền thành màu xám nhạt
        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,
        };
        // Gọi ConvertHTML để chuyển đổi 'document.html' thành ảnh jpeg
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Hơn nữa, chúng ta hãy xem hình ảnh JPG đầu ra được tạo:

Hình ảnh HTML sang JPG C#

Hơn nữa, bạn có thể nhận thấy màu nền và kích thước của hình ảnh từ các thuộc tính. Độ phân giải là 300 dpi nên chiều rộng và chiều dài của hình ảnh là 2100 vì nó có chiều dài và chiều rộng 7 inch.

Chuyển đổi hình ảnh HTML sang PNG trong C#

Tệp hình ảnh PNG là tệp nâng cao hơn hình ảnh JPG. Ví dụ: chúng có thể có nền trong suốt, không giống như hình ảnh JPG. Vì vậy, đôi khi tốt hơn hết bạn nên chuyển đổi HTML sang hình ảnh PNG vì đây là định dạng tệp phổ biến và tương thích.

chúng ta có thể chuyển đổi HTML sang PNG bằng cách làm theo các bước được đề cập trước đó. Tuy nhiên, chúng ta chỉ cần chỉ định ImageFormat.Png ở bước #3.

Đoạn mã sau đây cho biết cách chuyển đổi tệp HTML thành hình ảnh PNG trong C#:

// Khởi tạo tài liệu HTML từ tệp html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Khởi tạo ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// Chuyển đổi HTML sang PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

Trình chuyển đổi hình ảnh C# HTML sang BMP

Tương tự, chúng ta có thể chuyển đổi HTML sang BMP bằng cách làm theo các bước được đề cập trước đó. Tuy nhiên, chúng ta chỉ cần chỉ định ImageFormat.Bmp ở bước #3.

Mẫu mã sau đây cho biết cách chuyển đổi hình ảnh HTML sang BMP trong C#:

// Khởi tạo tài liệu HTML từ tệp html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Khởi tạo ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // Chuyển đổi HTML sang BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

Chuyển đổi hình ảnh HTML sang GIF trong C#

Chúng tôi cũng có thể chuyển đổi HTML sang GIF bằng cách làm theo các bước được đề cập trước đó. Tuy nhiên, chúng ta chỉ cần chỉ định ImageFormat.Gif ở bước #3.

Đoạn mã bên dưới cho thấy cách chuyển đổi hình ảnh HTML sang GIF trong C#.

// Khởi tạo tài liệu HTML từ tệp html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Khởi tạo ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // Chuyển đổi HTML sang GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

Nhận giấy phép miễn phí

Vui lòng nhận giấy phép tạm thời miễn phí để dùng thử thư viện mà không bị giới hạn đánh giá.

HTML sang hình ảnh - Tài nguyên học tập

Bên cạnh việc chuyển đổi các trang web HTML thành hình ảnh, hãy khám phá nhiều tính năng khác của thư viện bằng cách sử dụng các tài nguyên bên dưới:

Phần kết luận

Tóm lại, chúng ta đã học cách chuyển đổi HTML sang JPG, PNG, BMP và GIF bằng C# trong các ứng dụng .NET. Chuyển đổi HTML sang các định dạng hình ảnh này là một trong những tính năng quan trọng nhất của Aspose.HTML for .NET API. Hơn nữa, kết quả chuyển đổi hoặc kết xuất có độ trung thực và hiệu quả cao nhất. Đó là lý do tại sao API phù hợp nhất để chuyển đổi, chỉnh sửa hoặc thao tác với các tệp HTML. Hơn nữa, chúng tôi rất mong nhận được phản hồi từ bạn. Vui lòng liên hệ với chúng tôi qua Diễn đàn hỗ trợ miễn phí trong trường hợp có bất kỳ trợ giúp nào.

Xem thêm

Thông tin: Công cụ chuyển đổi Aspose Text to GIF cho phép bạn tạo các hình ảnh động vui nhộn chỉ bằng cách gõ.