تصاویر گرافیک برداری مقیاس پذیر (SVG) به دلیل مقیاس پذیری محبوب هستند. آنها اغلب در وب برای نمایش اطلاعات بصری استفاده می شوند. در این مقاله یاد می گیرید که چگونه یک فایل تصویری SVG به صورت برنامه نویسی با استفاده از سی شارپ ایجاد کنید. بخش های زیر موارد استفاده مختلف را پوشش می دهند:

C# SVG Image Creator – نصب API

Aspose.SVG for .NET API را می توان برای ایجاد، ویرایش و دستکاری فایل های تصویری SVG استفاده کرد. می توانید گره های مختلف را تکرار کنید یا فایل را به فرمت های فایل پشتیبانی شده تبدیل کنید. لطفاً فایل‌های DLL را از بخش New Releases دانلود کنید یا از دستورات نصب NuGet زیر استفاده کنید:

PM> Install-Package Aspose.SVG

پس از پیکربندی موفقیت آمیز API، می توانید نحوه ایجاد یک تصویر SVG ساده و ابتدایی را بیاموزید و بعداً با کمک یک مثال پیشرفته بیشتر کاوش کنید.

ایجاد فایل تصویری SVG به صورت برنامه ریزی شده با سی شارپ

  1. با انجام مراحل زیر می توانید یک فایل تصویری SVG ایجاد کنید:
  2. محتوای SVG را به عنوان یک رشته مشخص کنید.
  3. یک شی از کلاس SVGDocument را از محتوای رشته راه‌اندازی کنید.
  4. با روش Save سند را در یک فایل ذخیره کنید.

کد زیر نحوه ایجاد یک فایل تصویری 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 رایگان دریافت کنید

می‌توانید با درخواست [مجوز موقت رایگان]، APIهای Aspose را بدون هیچ محدودیتی ارزیابی کنید.

نتیجه

در این مقاله، نحوه ایجاد فایل های تصویری SVG را از ابتدا به صورت برنامه نویسی با استفاده از سی شارپ یاد گرفتید. شما ایجاد یک تصویر SVG ساده و همچنین یک تصویر SVG پیشرفته با محتوای HTML تعبیه شده را بررسی کرده اید. با نگاهی به API اسناد می‌توانید API را بیشتر کاوش کنید. علاوه بر این، در صورت وجود هرگونه سوال، لطفاً با ما در [تالار گفتمان پشتیبانی رایگان] تماس بگیرید.

همچنین ببینید