SVG با Image Inside در سی شارپ | PNG در SVG | JPG در SVG

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

این مقاله موضوعات زیر را پوشش می دهد:

  1. C# API برای ایجاد SVG با Image Inside
  2. جاسازی PNG در SVG
  3. جاسازی SVG در SVG
  4. دریافت مجوز رایگان
  5. منابع آموزشی رایگان

C# API برای ایجاد SVG با Image Inside

ما از Aspose.SVG برای NET برای ایجاد یک SVG با یک تصویر در داخل استفاده خواهیم کرد. این به توسعه دهندگان اجازه می دهد تا با فایل های SVG در برنامه های NET کار کنند. API امکان بارگیری، تجزیه، رندر، ایجاد و تبدیل فایل‌های SVG را به فرمت‌های محبوب بدون وابستگی به نرم‌افزار را می‌دهد.

لطفاً DLL API را دانلود کنید یا با استفاده از NuGet آن را نصب کنید.

PM> Install-Package Aspose.SVG

تعبیه PNG در SVG با استفاده از C#

ما به راحتی می توانیم تصاویر بیت مپ را در یک شی SVG با استفاده از SVG جاسازی کنیم<image> عنصر SVG <image> عنصر قادر به رندر کردن تصاویر در فرمت های مختلف مانند گرافیک های JPEG، PNG و حتی SVG است. صفات <image> عنصر تعیین می کند که چگونه بیت مپ باید نمایش داده شود. ویژگی های اولیه عبارتند از:

  • x و y: اینها مختصات گوشه سمت چپ بالای تصویر را نشان می دهند.
  • عرض و ارتفاع: اینها عرض و ارتفاع “پنجره ای” که تصویر در آن نمایش داده می شود را تعیین می کند. هر دوی این صفات واجب است.
  • href و xlink:href: این ویژگی ها به URL فایل تصویر اشاره می کنند.
  • ReserveAspectRatio: این ویژگی نحوه مقیاس بندی متناسب تصویر را کنترل می کند.

با دنبال کردن مراحل زیر می توانیم به راحتی یک 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#

با استفاده از C#، PNG را در SVG جاسازی کنید.

جاسازی 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 را با استفاده از C# در SVG قرار دهید.

مجوز رایگان دریافت کنید

برای امتحان Aspose.SVG برای دات نت بدون محدودیت ارزیابی، می توانید یک مجوز موقت رایگان دریافت کنید.

SVG با تصویر داخل – منابع رایگان

با استفاده از منابع زیر می‌توانید درباره ویژگی‌های مختلف کتابخانه اطلاعات بیشتری کسب کنید:

نتیجه

در نتیجه، ایجاد تصاویر SVG با تصاویر جاسازی شده با استفاده از C# یک فرآیند نسبتا ساده است. با دنبال کردن مراحل این آموزش، می توانید تصاویر SVG سفارشی خود را ایجاد کنید که می توانند در وب سایت یا برنامه های خود استفاده شوند. با استفاده از Aspose.SVG برای .NET، یک کتابخانه قدرتمند و همه کاره SVG، می توانید به راحتی تصاویر SVG را با تصاویر جاسازی شده ایجاد کنید که می توانند در هر دستگاهی مورد استفاده قرار گیرند. در صورت وجود هرگونه ابهام، لطفاً با ما در تالار گفتمان پشتیبانی رایگان تماس بگیرید.

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