ภาพกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) เป็นที่นิยมสำหรับความสามารถในการปรับขนาดได้ มักใช้ผ่านทางเว็บเพื่อแสดงข้อมูลภาพ ในบทความนี้ คุณจะได้เรียนรู้วิธีสร้างไฟล์รูปภาพ SVG โดยทางโปรแกรมโดยใช้ C# ส่วนต่อไปนี้ครอบคลุมกรณีการใช้งานต่างๆ:

C# SVG Image Creator – การติดตั้ง API

Aspose.SVG for .NET สามารถใช้ API เพื่อสร้าง แก้ไข และจัดการไฟล์รูปภาพ SVG คุณสามารถวนซ้ำโหนดต่างๆ หรือแปลงไฟล์เป็นรูปแบบไฟล์ที่รองรับ โปรดดาวน์โหลดไฟล์ DLL จากส่วน New Releases หรือใช้คำสั่งติดตั้ง NuGet ต่อไปนี้:

PM> Install-Package Aspose.SVG

หลังจากกำหนดค่า API สำเร็จแล้ว คุณสามารถเรียนรู้วิธีสร้างภาพ SVG แบบพื้นฐานและเรียบง่าย จากนั้นคุณจะได้สำรวจเพิ่มเติมด้วยความช่วยเหลือจากตัวอย่างขั้นสูง

สร้างไฟล์ภาพ SVG โดยทางโปรแกรมด้วย C#

  1. คุณสามารถสร้างไฟล์ภาพ SVG ได้โดยทำตามขั้นตอนต่อไปนี้:
  2. ระบุเนื้อหา SVG เป็นสตริง
  3. เริ่มต้นวัตถุของคลาส SVGDocument จากเนื้อหาสตริง
  4. บันทึกเอกสารเป็นไฟล์ด้วยวิธี บันทึก

รหัสต่อไปนี้อธิบายวิธีการสร้างไฟล์ภาพ SVG โดยทางโปรแกรมโดยใช้ C#:

// ระบุเนื้อหา SVG เป็นสตริง
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// เริ่มต้นวัตถุของคลาส SVGDocument จากเนื้อหาสตริง
SVGDocument document = new SVGDocument(documentContent, ".");

// บันทึกเอกสารเป็นไฟล์
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

สร้างภาพ SVG ด้วย HTML ที่ฝังโดยทางโปรแกรมโดยใช้ C

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

  1. ระบุเนื้อหา SVG ด้วย HTML ที่ฝัง
  2. ระบุเนมสเปซ XHTML ซึ่งเป็นที่มาของวัตถุแปลกปลอม
  3. เริ่มต้นเอกสาร SVG โดยใช้ SVGDocument
  4. บันทึกเอกสารเป็นไฟล์ด้วยการแจงนับ SVGSaveFormat

โค้ดด้านล่างอธิบายวิธีสร้างภาพ SVG ที่มีเนื้อหา HTML แบบฝังโดยทางโปรแกรมโดยใช้ C#:

// ระบุเนื้อหา SVG ด้วย HTML ที่ฝัง
// ระบุเนมสเปซ XHTML ซึ่งเป็นที่มาของวัตถุแปลกปลอม
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// เริ่มต้นเอกสาร SVG โดยใช้ SVGDocument
SVGDocument document = new SVGDocument(documentContent, ".");

// บันทึกเอกสารเป็นไฟล์ด้วยการแจงนับ SVGSaveFormat
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

รับใบอนุญาต API ฟรี

คุณสามารถประเมิน Aspose API ได้โดยไม่มีข้อจำกัดใดๆ โดยขอ ใบอนุญาตชั่วคราวฟรี

บทสรุป

ในบทความนี้ คุณได้เรียนรู้วิธีสร้างไฟล์ภาพ SVG ตั้งแต่เริ่มต้นด้วยโปรแกรมโดยใช้ C# คุณได้สำรวจการสร้างภาพ SVG อย่างง่ายรวมถึงภาพ SVG ขั้นสูงที่มีเนื้อหา HTML แบบฝัง คุณสามารถสำรวจ API เพิ่มเติมได้โดยดูที่ API เอกสารประกอบ นอกจากนี้ ในกรณีที่มีข้อสงสัยใดๆ โปรดติดต่อเราได้ที่ ฟอรัมสนับสนุนฟรี

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