ความอิ่มตัวของข้อความใน SVG C#

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

C # API เพื่ออิ่มตัวข้อความในรูปภาพ SVG - การติดตั้ง

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

PM> Install-Package Aspose.SVG

วิธีทำให้ข้อความอิ่มตัวในรูปภาพ SVG ใน C#

คุณสามารถแทรกข้อความในรูปภาพ SVG และทำให้อิ่มตัวด้วยขั้นตอนต่อไปนี้:

  1. สร้างวัตถุคลาส SVGDocument
  2. สร้าง defs และองค์ประกอบตัวกรอง
  3. สร้างองค์ประกอบ feColorMatrix และเพิ่มข้อความใน SVG
  4. บันทึกภาพ SVG เอาต์พุต

ส่วนต่อไปนี้อธิบายเพิ่มเติมเกี่ยวกับวิธีดำเนินการตามขั้นตอนเหล่านี้ในข้อมูลโค้ด C#:

อิ่มตัวข้อความในรูปภาพ SVG โดยทางโปรแกรมใน C

คุณสามารถทำให้ข้อความอิ่มตัวในรูปภาพ SVG โดยทำตามขั้นตอนต่อไปนี้:

  1. สร้างวัตถุคลาส SVGDocument
  2. เข้าถึงองค์ประกอบ SVG รูทและตั้งค่าเนมสเปซ URL
  3. สร้างวัตถุคลาส SVGDefsElement และเพิ่มไปยังองค์ประกอบ SVG
  4. เริ่มต้นอินสแตนซ์คลาส SVGFEColorMatrixElement และตั้งค่าต่างๆ
  5. กำหนดวัตถุคลาส SVGTextElement และเพิ่มข้อความใน SVG
  6. สุดท้าย ส่งออกภาพ SVG เอาต์พุตด้วยเมธอด Save()

ข้อมูลโค้ดด้านล่างแสดงวิธีสร้างเอฟเฟกต์ความอิ่มตัวด้วยเมทริกซ์สีใน C#:

// สร้างอินสแตนซ์ของคลาส SVGDocument
Aspose.Svg.SVGDocument document = new Aspose.Svg.SVGDocument();

// ตั้งค่า SVG เนมสเปซ URL
string SvgNamespace = "http://www.w3.org/2000/svg";
// รับรูทองค์ประกอบ svg ของเอกสาร
Aspose.Svg.SVGSVGElement svgElement = document.RootElement;


// สร้างองค์ประกอบ defs และเพิ่มไปยัง svgElement
Aspose.Svg.SVGDefsElement defsElement = (Aspose.Svg.SVGDefsElement)document.CreateElementNS(SvgNamespace, "defs");
svgElement.AppendChild(defsElement);

// สร้างองค์ประกอบตัวกรองและเพิ่มไปยัง defsElement
var filterElement = (Aspose.Svg.SVGFilterElement)document.CreateElementNS(SvgNamespace, "filter");
filterElement.Id = "shadow";
filterElement.SetAttribute("x", "-20px");
filterElement.SetAttribute("y", "-20px");
filterElement.SetAttribute("height", "150px");
filterElement.SetAttribute("width", "150px");
defsElement.AppendChild(filterElement);


// สร้างองค์ประกอบ feColorMatrix
var feColorMatrixElement = (Aspose.Svg.Filters.SVGFEColorMatrixElement)document.CreateElementNS(SvgNamespace, "feColorMatrix");
feColorMatrixElement.In1.BaseVal = "SourceGraphic";
feColorMatrixElement.SetAttribute("type", "saturate");
feColorMatrixElement.SetAttribute("values", "0.2");
filterElement.AppendChild(feColorMatrixElement);

// สร้างองค์ประกอบข้อความและเพิ่มไปยัง svgElement
var textElement = (Aspose.Svg.SVGTextElement)document.CreateElementNS(SvgNamespace, "text");
textElement.Style.FontSize = "5em";
textElement.SetAttribute("x", "20px");
textElement.SetAttribute("fill", "blue");
textElement.SetAttribute("y", "100px");
textElement.TextContent = "Aspose.SVG for .NET API";
textElement.SetAttribute("filter", "url(#shadow)");
svgElement.InsertBefore(textElement, svgElement.FirstChild);

// บันทึกเอกสาร SVG
document.Save(Path.Combine(dataDir, "TextSaturation.svg"));

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

คุณสามารถขอ ใบอนุญาตชั่วคราวฟรี เพื่อประเมินคุณสมบัติทั้งหมดของ API ได้อย่างเต็มประสิทธิภาพ

บทสรุป

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

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