فایل های HTML اغلب در اینترنت استفاده می شوند. در موارد خاص، ممکن است نیاز به تبدیل صفحات HTML به تصاویر داشته باشیم. در این مقاله با نحوه تبدیل HTML به تصویر در سی شارپ آشنا می شویم. ما یاد خواهیم گرفت که صفحه وب HTML را به JPG، PNG، BMP، GIF و سایر فرمت‌های تصویری رایج ارائه کنیم.

این مقاله موضوعات زیر را پوشش می دهد:

C# API برای تبدیل HTML به تصویر

ما از Aspose.HTML for .NET برای تبدیل فایل‌های HTML به تصاویر در سی شارپ استفاده خواهیم کرد. این به توسعه دهندگان اجازه می دهد تا با اسناد HTML در برنامه های NET خود کار کنند. طیف گسترده ای از ویژگی ها و قابلیت ها را برای تجزیه، تبدیل، ویرایش و رندر اسناد HTML فراهم می کند.

لطفاً DLL API را دانلود کنید یا با استفاده از NuGet آن را نصب کنید.

PM> Install-Package Aspose.Html

تبدیل HTML به تصویر - فایل ورودی

اول از همه، اجازه دهید فایل اصلی HTML را بررسی کنیم، حاوی متن و تصویری است که به عنوان فایل ورودی در این مثال ها استفاده خواهیم کرد.

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

تبدیل HTML به JPG تصویر در سی شارپ

با دنبال کردن مراحل زیر می توانیم هر صفحه وب HTML را به یک تصویر JPG تبدیل کنیم:

  1. گزینه های رندر تصویر را با استفاده از کلاس ImageSaveOptions راه اندازی کنید.
  2. اندازه صفحه یا رنگ پس زمینه را تنظیم کنید.
  3. پس از آن، ImageFormat را به صورت JPG مشخص کنید.
  4. در نهایت متد ConvertHTML() را برای تبدیل HTML به JPG فراخوانی کنید.

نمونه کد زیر نحوه تبدیل HTML به تصویر JPG در سی شارپ را نشان می دهد.

        // اندازه صفحه 7x7 اینچ را تنظیم کنید و رنگ پس زمینه را به خاکستری روشن تغییر دهید
        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,
        };
        // برای تبدیل «document.html» به تصویر jpeg، ConvertHTML را فراخوانی کنید
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

علاوه بر این، بیایید نگاهی به تصویر JPG خروجی تولید شده بیندازیم:

HTML به JPG تصویر سی شارپ

علاوه بر این، می توانید رنگ پس زمینه و اندازه تصویر را از ویژگی ها متوجه شوید. وضوح تصویر 300 dpi است، بنابراین عرض و طول تصویر 2100 است زیرا طول و عرض آن 7 اینچ است.

تبدیل HTML به تصویر PNG در سی شارپ

فایل های تصویری PNG فایل های پیشرفته تری نسبت به تصاویر JPG هستند. به عنوان مثال، آنها می توانند بر خلاف تصاویر JPG پس زمینه شفاف داشته باشند. بنابراین، گاهی اوقات بهتر است HTML را به یک تصویر PNG تبدیل کنید زیرا یک فرمت فایل محبوب و سازگار است.

ما می توانیم HTML را با انجام مراحلی که قبلا ذکر شد به PNG تبدیل کنیم. با این حال، ما فقط باید ImageFormat.Png را در مرحله #3 مشخص کنیم.

قطعه کد زیر نحوه تبدیل یک فایل HTML به یک تصویر PNG در سی شارپ را نشان می دهد:

// یک سند HTML را از فایل html راه اندازی کنید
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// ImageSaveOptions را راه اندازی کنید 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// HTML را به PNG تبدیل کنید
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

C# HTML به BMP تبدیل تصویر

به طور مشابه، ما می توانیم HTML را با انجام مراحل ذکر شده در قبل به BMP تبدیل کنیم. با این حال، ما فقط باید ImageFormat.Bmp را در مرحله #3 مشخص کنیم.

نمونه کد زیر نحوه تبدیل HTML به تصویر BMP در سی شارپ را نشان می دهد:

// یک سند HTML را از فایل html راه اندازی کنید
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions را راه اندازی کنید 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // HTML را به BMP تبدیل کنید
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

تبدیل HTML به تصویر GIF در سی شارپ

همچنین می‌توانیم HTML را با انجام مراحلی که قبلا ذکر شد به GIF تبدیل کنیم. با این حال، ما فقط باید ImageFormat.Gif را در مرحله #3 مشخص کنیم.

کد زیر نحوه تبدیل HTML به تصاویر GIF در سی شارپ را نشان می دهد.

// یک سند HTML را از فایل html راه اندازی کنید
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // ImageSaveOptions را راه اندازی کنید 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // HTML را به GIF تبدیل کنید
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

مجوز رایگان دریافت کنید

لطفاً یک مجوز موقت رایگان برای امتحان کتابخانه بدون محدودیت ارزیابی دریافت کنید.

HTML به تصویر - منابع یادگیری

علاوه بر تبدیل صفحات وب HTML به تصاویر، ویژگی های مختلف کتابخانه را با استفاده از منابع زیر بررسی کنید:

نتیجه

به طور خلاصه، ما یاد گرفتیم که چگونه HTML را به JPG، PNG، BMP و GIF در C# در برنامه های NET تبدیل کنیم. تبدیل HTML به این فرمت های تصویری یکی از مهم ترین ویژگی های Aspose.HTML برای .NET API است. علاوه بر این، نتایج تبدیل یا رندر بالاترین وفاداری و کارایی را دارند. به همین دلیل است که API بهترین گزینه برای تبدیل، ویرایش یا دستکاری فایل های HTML است. علاوه بر این، ما مشتاقانه منتظر پاسخ شما هستیم. لطفاً در صورت هرگونه کمکی از طریق تالار گفتمان پشتیبانی رایگان با ما تماس بگیرید.

همچنین ببینید

اطلاعات: مبدل Text to GIF Aspose به شما امکان می دهد تا انیمیشن های سرگرم کننده را فقط با تایپ کردن ایجاد کنید.