SVG مع صورة بالداخل في C# | PNG بصيغة SVG | JPG في SVG

Scalable Vector Graphics (SVG) هو تنسيق صور قوي يمكن استخدامه لإنشاء صور عالية الجودة وقابلة للتطوير للويب. يتم إنشاء صور SVG باستخدام كود XML، مما يجعلها سهلة الإنشاء والتعديل. في بعض الحالات، قد نحتاج إلى تضمين موارد مثل صور PNG أو JPG داخل SVG. سنوضح لك في هذه التدوينة كيفية إنشاء ملف SVG مع صورة بداخله باستخدام لغة #C.

تتناول هذه المقالة المواضيع التالية:

  1. واجهة برمجة تطبيقات #C لإنشاء صورة SVG بداخلها
  2. تضمين PNG في SVG
  3. تضمين SVG داخل SVG
  4. الحصول على ترخيص مجاني
  5. مصادر التعلم المجانية

C# API لإنشاء SVG مع الصورة بالداخل

سوف نستخدم Aspose.SVG for .NET لإنشاء ملف SVG يحتوي على صورة بداخله. يسمح للمطورين بالعمل مع ملفات SVG في تطبيقات .NET. تتيح واجهة برمجة التطبيقات إمكانية تحميل ملفات SVG وتحليلها وعرضها وإنشائها وتحويلها إلى تنسيقات شائعة بدون تبعيات البرامج.

يرجى تنزيل ملف DLL الخاص بواجهة برمجة التطبيقات أو تثبيته باستخدام NuGet.

PM> Install-Package Aspose.SVG

تضمين PNG في SVG باستخدام C#

يمكننا بسهولة تضمين الصور النقطية داخل كائن SVG باستخدام ملف SVG <image> "عنصر. SVG العنصر قادر على عرض الصور بتنسيقات مختلفة، مثل رسومات JPEG وPNG وحتى SVG. سمات ` يحدد العنصر كيفية عرض الصورة النقطية. تشمل السمات الأساسية ما يلي:

  • x وy: يشيران إلى إحداثيات الزاوية العلوية اليسرى من الصورة.
  • العرض والارتفاع: يحددان عرض وارتفاع “النافذة” التي سيتم عرض الصورة فيها. وكلتا الصفتين واجبتان.
  • href وxlink:href: تشير هذه السمات إلى عنوان URL لملف الصورة.
  • keepAspectRatio: تتحكم هذه السمة في كيفية تغيير حجم الصورة بشكل متناسب.

يمكننا بسهولة إنشاء ملف SVG بداخله ملف PNG باتباع الخطوات التالية:

  1. حدد محتوى SVG كسلسلة.
  2. بعد ذلك، قم بإنشاء مثيل لفئة SVGDocument من محتوى السلسلة.
  3. وأخيرًا، احفظ الصورة باستخدام طريقة Save().

يوضح نموذج التعليمات البرمجية التالي كيفية تضمين صورة PNG داخل ملف SVG باستخدام #C.

// حدد محتوى SVG مع صورة PNG المضمنة.
string content = "<svg height=\"500\" width=\"600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    " +
                "<circle cx=\"120\" cy=\"100\" r=\"90\" style=\"fill:blue; stroke-width:3; stroke:rgb(0,0,0); fill-opacity:0.7\"  />" +
                "<image href=\"https://www.aspose.cloud/templates/aspose/App_Themes/V3/images/svg/272x272/aspose_svg-for-net.png\" x=\"70\" y=\"50\" height=\"100\" width=\"100\" />\r\n    \t" +
                "<text x=\"40\" y=\"250\">Embedded PNG image</text>\r\n    \t" +
        "</svg>";

// قم بتهيئة مستند SVG باستخدام SVGDocument.
SVGDocument document = new SVGDocument(content, ".");

// احفظ المستند في ملف بتعداد SVGSaveFormat.
document.Save("C:\\Files\\EmbedPNG.svg", SVGSaveFormat.SVG);
تضمين PNG في SVG باستخدام C#

تضمين PNG في SVG باستخدام #C.

تضمين SVG داخل SVG باستخدام C#

وبالمثل، يمكننا إنشاء صورة SVG بداخلها صورة SVG باتباع الخطوات المذكورة سابقًا.

يوضح نموذج التعليمات البرمجية التالي كيفية تضمين صورة SVG داخل SVG باستخدام #C.

// حدد محتوى SVG مع صورة SVG المضمنة.
string documentContent = "<svg height=\"500\" width=\"500\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t" +
        "<image href=\"https://docs.aspose.com/svg/net/navigation-inspection/shapes.svg\" x=\"250\" y=\"10\" height=\"350\" width=\"350\" />\r\n    \t" +
        "<text x=\"300\" y=\"250\">Embedded SVG image</text>    \r\n" +
    "</svg>";

// قم بتهيئة مستند SVG باستخدام SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// احفظ المستند في ملف بتعداد SVGSaveFormat.
document.Save("C:\\Files\\EmbedSVG.svg", SVGSaveFormat.SVG);
تضمين SVG داخل SVG باستخدام C#

قم بتضمين SVG داخل SVG باستخدام C#.

احصل على ترخيص مجاني

يمكنك الحصول على ترخيص مؤقت مجاني لتجربة Aspose.SVG لـ .NET دون قيود التقييم.

SVG مع الصورة بالداخل – موارد مجانية

يمكنك معرفة المزيد حول الميزات المتنوعة للمكتبة باستخدام الموارد أدناه:

خاتمة

في الختام، يعد إنشاء صور SVG مع الصور المضمنة باستخدام لغة #C عملية بسيطة نسبيًا. باتباع الخطوات الواردة في هذا البرنامج التعليمي، يمكنك إنشاء صور SVG المخصصة الخاصة بك والتي يمكن استخدامها على موقع الويب الخاص بك أو في تطبيقاتك. من خلال الاستفادة من Aspose.SVG for .NET، وهي مكتبة SVG قوية ومتعددة الاستخدامات، يمكنك بسهولة إنشاء صور SVG مع الصور المضمنة التي يمكن استخدامها على أي جهاز. في حالة وجود أي غموض، فلا تتردد في الاتصال بنا على منتدى الدعم المجاني.

أنظر أيضا