การวางข้อความรอบรูปภาพในไฟล์ PDF

การแนะนำ

คุณเคยลองวางข้อความรอบ ๆ รูปภาพในไฟล์ PDF แต่พบว่าทำได้ยากหรือไม่? หากเป็นเช่นนั้น คุณมาถูกที่แล้ว! Aspose.PDF สำหรับ .NET ทำให้กระบวนการนี้ง่ายขึ้น โดยให้คุณวางข้อความไว้ข้าง ๆ รูปภาพด้วยโค้ดเพียงไม่กี่บรรทัด ไม่ว่าคุณจะกำลังสร้างรายงาน เอกสาร หรือการนำเสนอ ฟีเจอร์นี้เป็นวิธีที่ยอดเยี่ยมในการปรับปรุงเค้าโครงของเนื้อหาและทำให้ดูน่าสนใจยิ่งขึ้น วันนี้ เราจะแนะนำวิธีการใช้ Aspose.PDF สำหรับ .NET เพื่อวางข้อความรอบ ๆ รูปภาพในเอกสาร PDF

ข้อกำหนดเบื้องต้น

ก่อนที่เราจะเริ่มต้นเขียนโค้ด เรามาตรวจสอบให้แน่ใจก่อนว่าเราได้ตั้งค่าทุกอย่างเรียบร้อยแล้ว นี่คือสิ่งที่คุณต้องการ:

  • Aspose.PDF สำหรับ .NET: คุณสามารถดาวน์โหลดได้จากที่นี่.
  • Visual Studio: ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งเวอร์ชันล่าสุดแล้วเพื่อให้สามารถปฏิบัติตามได้อย่างราบรื่น
  • .NET Framework: ตัวอย่างนี้ใช้ .NET ดังนั้นโปรดตรวจสอบให้แน่ใจว่าคุณตั้งค่าสภาพแวดล้อมไว้สำหรับการพัฒนา .NET
  • ใบอนุญาตชั่วคราว: คุณสามารถขอใบอนุญาตชั่วคราวได้ที่นี่ หากคุณกำลังประเมินผลิตภัณฑ์

หากคุณยังไม่ได้ตั้งค่า Aspose.PDF สำหรับ .NET ให้ทำตามคำแนะนำการติดตั้งในเอกสารประกอบ.

นำเข้าเนมสเปซ

ก่อนที่เราจะเริ่มเขียนโค้ด เราจะต้องนำเข้าเนมสเปซที่จำเป็นก่อน นี่คือตัวอย่างโค้ดสำหรับการดำเนินการดังกล่าว:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

เนมสเปซเหล่านี้มีความจำเป็นเนื่องจากช่วยให้เข้าถึงคลาสต่างๆ เช่นDocument, Page, Image , และHtmlFragmentซึ่งเราจะใช้เพื่อสร้างและจัดการ PDF

ตอนนี้เราได้จัดเตรียมขั้นตอนเรียบร้อยแล้ว มาดูกันว่าจะวางข้อความรอบ ๆ รูปภาพในไฟล์ PDF โดยใช้ Aspose.PDF สำหรับ .NET ได้อย่างไร เราจะอธิบายทีละขั้นตอนให้คุณฟัง

ขั้นตอนที่ 1: สร้างอินสแตนซ์ของวัตถุเอกสาร

ขั้นแรก คุณต้องสร้างเอกสาร PDF ใน Aspose.PDF ทำได้โดยสร้างอินสแตนซ์Document วัตถุ วัตถุนี้จะทำหน้าที่เป็นรากฐานสำหรับเนื้อหาทั้งหมดที่เราจะเพิ่ม

string dataDir = "YOUR DOCUMENT DIRECTORY";
Aspose.Pdf.Document doc = new Aspose.Pdf.Document();

เราสร้างเอกสาร PDF เปล่าขึ้นมาแล้ว ยังไม่มีหน้าใดๆ แต่ไม่ต้องกังวล เราจะเพิ่มหน้าให้ในขั้นตอนถัดไป

ขั้นตอนที่ 2: เพิ่มหน้าลงในเอกสาร

ตอนนี้เรามีเอกสารแล้ว ถึงเวลาเพิ่มหน้า ลองนึกภาพว่านี่เป็นการสร้างกระดาษเปล่าสำหรับเพิ่มเนื้อหา

Aspose.Pdf.Page page = doc.Pages.Add();

โค้ดนี้จะเพิ่มหน้าใหม่ลงในเอกสาร โดยค่าเริ่มต้น หน้าจะว่างเปล่า แต่เรากำลังจะเปลี่ยนแปลงสิ่งนี้

ขั้นตอนที่ 3: สร้างตารางเพื่อจัดระเบียบเนื้อหา

เพื่อให้รูปภาพและข้อความของเราอยู่ในแนวเดียวกัน เราจะใช้ตาราง ตารางใน PDF สามารถช่วยจัดโครงสร้างเค้าโครงของคุณได้ เช่นเดียวกับในเอกสาร Word หรือ HTML

Aspose.Pdf.Table table1 = new Aspose.Pdf.Table();
page.Paragraphs.Add(table1);

สไนปเป็ตนี้จะสร้างตารางและเพิ่มลงในเพจ ให้คิดว่าตารางเป็นกรอบสำหรับจัดตำแหน่งรูปภาพและข้อความของคุณ

ขั้นตอนที่ 4: กำหนดความกว้างของคอลัมน์สำหรับตาราง

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

table1.ColumnWidths = "120 270";

บรรทัดนี้จะกำหนดความกว้างของคอลัมน์ 2 คอลัมน์ คอลัมน์หนึ่งสำหรับรูปภาพและอีกคอลัมน์หนึ่งสำหรับข้อความ ปรับค่าเหล่านี้หากรูปภาพหรือข้อความของคุณต้องการพื้นที่มากขึ้นหรือน้อยลง

ขั้นตอนที่ 5: กำหนดระยะขอบและการเติม

เพื่อให้แน่ใจว่าทุกอย่างดูเรียบร้อย เรามาเพิ่มระยะขอบและการเติมให้ตารางกัน

Aspose.Pdf.MarginInfo margin = new Aspose.Pdf.MarginInfo();
margin.Top = 5f;
margin.Left = 5f;
margin.Right = 5f;
margin.Bottom = 5f;
table1.DefaultCellPadding = margin;

การตั้งค่าเหล่านี้ช่วยให้แน่ใจว่าตารางของคุณมีระยะห่างที่สม่ำเสมอ ทำให้เนื้อหาดูน่าสนใจ

ขั้นตอนที่ 6: แทรกภาพลงในตาราง

ต่อไปมาดูส่วนสนุก ๆ กันเลย นั่นคือการเพิ่มรูปภาพ ในกรณีนี้ เราจะเพิ่มโลโก้ Aspose แต่คุณสามารถใช้รูปภาพอื่น ๆ ได้ตามต้องการ

Aspose.Pdf.Row row1 = table1.Rows.Add();
Aspose.Pdf.Image logo = new Aspose.Pdf.Image();
logo.File = dataDir + "aspose-logo.jpg";
logo.FixHeight = 120;
logo.FixWidth = 110;
row1.Cells.Add();
row1.Cells[0].Paragraphs.Add(logo);

นี่คือสิ่งที่เกิดขึ้น:

  • เราโหลดรูปภาพจากไดเร็กทอรีที่คุณระบุ
  • เราตั้งค่าความสูงและความกว้างของรูปภาพ
  • ในที่สุดเราก็เพิ่มรูปภาพลงในเซลล์แรกของตาราง

ขั้นตอนที่ 7: เพิ่มข้อความถัดจากรูปภาพ

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

string TitleString = "<font face=\"Arial\" size=6 color=\"#101090\"><b> Aspose.Pdf for .NET</b></font>";
string BodyString1 = "<font face=\"Arial\" size=2><br/>Aspose.Pdf for .NET is a non-graphical PDF document reporting component that enables .NET applications to <b>create PDF documents from scratch</b> without utilizing Adobe Acrobat.</font>";

Aspose.Pdf.HtmlFragment TitleText = new Aspose.Pdf.HtmlFragment(TitleString + BodyString1);
row1.Cells.Add();
row1.Cells[1].Paragraphs.Add(TitleText);

บล็อกนี้จะเพิ่มชื่อและคำอธิบายที่มีสไตล์ในเซลล์ถัดจากรูปภาพ คุณสามารถจัดรูปแบบข้อความโดยใช้แท็ก HTML เพื่อปรับแต่งเพิ่มเติมได้

ขั้นตอนที่ 8: ปรับการจัดตำแหน่งแนวตั้ง

ตามค่าเริ่มต้น เนื้อหาในเซลล์ตารางอาจไม่จัดตำแหน่งตามที่คุณต้องการ ในกรณีนี้ เราต้องการให้แน่ใจว่าข้อความจัดตำแหน่งให้ตรงกับส่วนบนสุดของเซลล์

row1.Cells[1].VerticalAlignment = Aspose.Pdf.VerticalAlignment.Top;

การดำเนินการนี้จะทำให้แน่ใจว่าข้อความจะอยู่ที่ด้านบนสุดของเซลล์ ทำให้เค้าโครงดูสะอาดและเป็นมืออาชีพ

ขั้นตอนที่ 9: เพิ่มข้อความเพิ่มเติมด้านล่างรูปภาพและคำอธิบาย

คุณอาจต้องการใส่เนื้อหาเพิ่มเติมใต้ภาพและข้อความ ลองเพิ่มแถวอีกแถวในตารางเพื่อจุดประสงค์นี้

Aspose.Pdf.Row SecondRow = table1.Rows.Add();
SecondRow.Cells.Add();
SecondRow.Cells[0].ColSpan = 2;
SecondRow.Cells[0].VerticalAlignment = Aspose.Pdf.VerticalAlignment.Top;

string SecondRowString = "<font face=\"Arial\" size=2>Aspose.Pdf for .NET supports the creation of PDF files through API and XML or XSL-FO templates.</font>";
Aspose.Pdf.HtmlFragment SecondRowText = new Aspose.Pdf.HtmlFragment(SecondRowString);
SecondRow.Cells[0].Paragraphs.Add(SecondRowText);

ที่นี่เราได้เพิ่มแถวอีกแถวหนึ่งพร้อมข้อความเพิ่มเติมโดยขยายทั้งสองคอลัมน์เพื่อรักษาความสมดุลในเค้าโครง

ขั้นตอนที่ 10: บันทึกเอกสาร PDF

สุดท้ายเราจำเป็นต้องบันทึกเอกสารเพื่อให้คุณสามารถดูการเปลี่ยนแปลงได้

doc.Save(dataDir + "PlacingTextAroundImage_out.pdf");

การกระทำนี้จะช่วยบันทึกไฟล์ PDF ที่มีรูปภาพและข้อความที่จัดรูปแบบตามที่เราต้องการ

บทสรุป

การวางข้อความรอบ ๆ รูปภาพใน PDF อาจดูเป็นงานที่น่าปวดหัว แต่ Aspose.PDF สำหรับ .NET ช่วยลดความยุ่งยากของกระบวนการนี้ลงได้ ด้วยการใช้ตาราง รูปภาพ และข้อความที่จัดรูปแบบ คุณสามารถสร้าง PDF ที่ดูเป็นมืออาชีพด้วยความพยายามเพียงเล็กน้อย ด้วยโค้ดเพียงไม่กี่บรรทัด คุณสามารถวางเนื้อหาในตำแหน่งที่คุณต้องการได้อย่างแม่นยำ ทำให้เอกสารของคุณดูสวยงามและเป็นระเบียบ

คำถามที่พบบ่อย

ฉันสามารถใช้วิธีนี้เพื่อวางภาพหลายๆ ภาพพร้อมข้อความได้ไหม

ใช่ เพียงเพิ่มแถวและเซลล์เพิ่มเติมลงในตารางของคุณเพื่อรวมรูปภาพและข้อความเพิ่มเติม

ฉันสามารถเปลี่ยนการจัดตำแหน่งของภาพได้หรือไม่?

แน่นอน! คุณสามารถปรับเปลี่ยนการจัดเรียงรูปภาพได้โดยการปรับคุณสมบัติการจัดเรียงของเซลล์

ฉันจะจัดรูปแบบข้อความเพิ่มเติมได้อย่างไร?

คุณสามารถใช้แท็ก HTML ภายในHtmlFragment วัตถุที่จะใช้รูปแบบต่างๆ เช่น ตัวหนา ตัวเอียง หรือแบบอักษรที่แตกต่างกัน

ฉันสามารถควบคุมระยะห่างระหว่างข้อความและรูปภาพได้หรือไม่

ใช่ครับ ใช้MarginInfo วัตถุช่วยให้คุณควบคุมการเติมและระยะขอบระหว่างองค์ประกอบได้

สามารถเพิ่มลิงก์ลงในข้อความได้หรือไม่?

แน่นอน! คุณสามารถฝังไฮเปอร์ลิงก์ในข้อความในรูปแบบ HTML ได้โดยใช้<a> แท็ก

ย่อหน้าหลายคอลัมน์ในไฟล์ PDF จัดเรียงเนื้อหาใหม่โดยใช้การแทนที่ข้อความ