ไฟล์ HTML มักใช้ผ่านทางอินเทอร์เน็ต ในบางกรณี เราอาจจำเป็นต้องแปลงหน้า HTML ให้เป็นรูปภาพ ในบทความนี้ เราจะเรียนรู้วิธีแปลง HTML เป็นรูปภาพใน C# เราจะเรียนรู้การแสดงผลหน้าเว็บ HTML เป็น JPG, PNG, BMP, GIF และรูปแบบรูปภาพยอดนิยมอื่นๆ

บทความนี้ครอบคลุมหัวข้อต่อไปนี้:

C# API เพื่อแปลง HTML เป็นรูปภาพ

เราจะใช้ Aspose.HTML for .NET เพื่อแปลงไฟล์ HTML เป็นรูปภาพในภาษา C# ช่วยให้นักพัฒนาสามารถทำงานกับเอกสาร 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 ใน C#

เราสามารถแปลงหน้าเว็บ HTML ให้เป็นรูปภาพ JPG ได้โดยทำตามขั้นตอนด้านล่าง:

  1. เริ่มต้นตัวเลือกการแสดงภาพโดยใช้คลาส ImageSaveOptions
  2. กำหนดขนาดหน้าหรือสีพื้นหลัง
  3. หลังจากนั้นให้ระบุ ImageFormat เป็น JPG
  4. สุดท้าย ให้เรียกใช้เมธอด ConvertHTML() เพื่อแปลง HTML เป็น JPG

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีการแปลง HTML เป็นรูปภาพ JPG ใน C#

        // ตั้งค่าขนาดหน้า 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,
        };
        // เรียก ConvertHTML เพื่อแปลง 'document.html' เป็นภาพ jpeg
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

นอกจากนี้ เรามาดูผลลัพธ์ของรูปภาพ JPG ที่สร้างขึ้นกัน:

รูปภาพ HTML เป็น JPG C#

นอกจากนี้ คุณยังสังเกตสีพื้นหลังและขนาดของรูปภาพได้จากคุณสมบัติอีกด้วย ความละเอียดคือ 300 dpi ดังนั้นความกว้างและความยาวของรูปภาพคือ 2100 เนื่องจากมีความยาวและความกว้าง 7 นิ้ว

แปลง HTML เป็นรูปภาพ PNG ใน C#

ไฟล์ภาพ PNG เป็นไฟล์ขั้นสูงกว่าภาพ JPG ตัวอย่างเช่น อาจมีพื้นหลังโปร่งใส ไม่เหมือนกับรูปภาพ JPG ดังนั้นบางครั้งการแปลง HTML เป็นรูปภาพ PNG จะดีกว่าเนื่องจากเป็นรูปแบบไฟล์ยอดนิยมและเข้ากันได้

เราสามารถแปลง HTML เป็น PNG ได้โดยทำตามขั้นตอนที่กล่าวไว้ข้างต้น อย่างไรก็ตาม เราเพียงแค่ต้องระบุ ImageFormat.Png ในขั้นตอนที่ #3

ข้อมูลโค้ดต่อไปนี้แสดงวิธีการแปลงไฟล์ HTML เป็นรูปภาพ PNG ใน C#:

// เริ่มต้นเอกสาร 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 ใน C#:

// เริ่มต้นเอกสาร 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 ใน C#

เรายังสามารถแปลง HTML เป็น GIF ได้โดยทำตามขั้นตอนที่กล่าวไว้ข้างต้น อย่างไรก็ตาม เราเพียงแค่ต้องระบุ ImageFormat.Gif ในขั้นตอนที่ #3

รหัสด้านล่างแสดงวิธีการแปลงรูปภาพ HTML เป็น GIF ใน C#

// เริ่มต้นเอกสาร 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 for .NET API นอกจากนี้ ผลลัพธ์การแปลงหรือการเรนเดอร์ยังมีความเที่ยงตรงและมีประสิทธิภาพสูงสุด นั่นคือสาเหตุที่ API เหมาะสมที่สุดสำหรับการแปลง แก้ไข หรือจัดการไฟล์ HTML นอกจากนี้ เราหวังว่าจะได้รับการติดต่อกลับจากคุณ โปรดติดต่อเราผ่านทาง ฟอรัมการสนับสนุนฟรี ในกรณีที่ต้องการความช่วยเหลือ

ดูสิ่งนี้ด้วย

ข้อมูล: ตัวแปลง Aspose Text to GIF ช่วยให้คุณสร้างแอนิเมชั่นสนุกๆ เพียงพิมพ์