وقتی صحبت از تصاویر وب به میان می آید، PNG یک فرمت قابل استفاده برای پشتیبانی از شفافیت و سازگاری گسترده است. از سوی دیگر، SVG به دلیل مقیاس پذیری آن مورد علاقه است و آن را برای لوگوها، نمادها و سایر گرافیک های مبتنی بر برداری ایده آل می کند. علیرغم مزایای فراوان SVG، زمان هایی وجود دارد که تبدیل SVG به PNG ضروری است، به ویژه برای اطمینان از سازگاری در پلتفرم ها و دستگاه های مختلف. در این پست وبلاگ، شما را در فرآیند تبدیل گرافیک های SVG به فرمت PNG با استفاده از Node.js راهنمایی می کنیم.

تبدیل SVG به PNG با استفاده از Node.js (مقیاس خاکستری، چرخش، تلنگر، واترمارک روشن)

Node.js API برای تبدیل تصاویر

GroupDocs یک Conversion API قدرتمند ارائه می‌کند که به توسعه‌دهندگان امکان می‌دهد فرمت‌های تصویر را تبدیل کرده و تصاویر حاصل را در طول فرآیند تبدیل دستکاری کنند. API از طیف گسترده ای از گزینه های پیشرفته پشتیبانی می کند و آن را به گزینه ای عالی برای تبدیل SVG به PNG در Node.js تبدیل می کند. برای این کار از GroupDocs.Conversion for Node.js استفاده خواهیم کرد.

برای شروع، می‌توانید با اجرای دستور زیر در پروژه خود، 3 GroupDocs.Conversion را برای Node.js نصب کنید:

npm i @groupdocs/groupdocs.conversion

برای جزئیات بیشتر، به اسناد و مرجع API مراجعه کنید.

با استفاده از Node.js تصویر SVG را به PNG تبدیل کنید

بیایید با تبدیل گرافیک های برداری SVG به فرمت PNG با استفاده از تنظیمات پیش فرض شروع کنیم. مراحل زیر نحوه تبدیل یک تصویر SVG به PNG با استفاده از Node.js را شرح می دهد.

  • فایل SVG را با استفاده از کلاس Converter بارگیری کنید.
  • گزینه های تبدیل را تنظیم کنید.
  • فرمت خروجی را به صورت PNG مشخص کنید.
  • متد convert() را با گزینه های آماده شده فراخوانی کنید.

این کد Node.js است که SVG را به PNG تبدیل می کند:

// با استفاده از Node.js Conversion API با گزینه های پیش فرض، فایل SVG را به فرمت PNG تبدیل کنید
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)

تبدیل پیشرفته SVG به PNG با Node.js

GroupDocs.Conversion for Node.js انواع مختلفی از گزینه های سفارشی سازی را ارائه می دهد که می توانید آنها را در طول فرآیند تبدیل در خروجی PNG اعمال کنید. این گزینه ها عبارتند از:

  • تنظیم روشنایی
  • تنظیم کنتراست
  • تصحیح گاما
  • تبدیل مقیاس خاکستری
  • چرخش افقی یا عمودی
  • زوایای چرخش
  • ابعاد تصویر سفارشی (ارتفاع و عرض)
  • اضافه کردن واترمارک

بیایید نگاهی بیندازیم که چگونه می توانید این گزینه های پیشرفته را در حین تبدیل SVG به PNG در Node.js اعمال کنید.

  • فایل SVG را با استفاده از کلاس Converter بارگیری کنید.
  • گزینه های تبدیل تصویر را تنظیم کنید.
  • فرمت خروجی را به صورت PNG مشخص کنید.
  • تنظیمات سفارشی مانند روشنایی، چرخش یا هر چیز دیگری را که در دسترس است تعریف کنید.
  • برای تولید PNG، متد convert() را فراخوانی کنید.

در اینجا کد Node.js وجود دارد که برخی از این گزینه های پیشرفته را اعمال می کند:

// وکتور SVG را با استفاده از سفارشی سازی های مختلف با Node.js به فرمت PNG تبدیل کنید

const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);

converter.convert("path/converted-svg-to-png.png", convertOptions)

تبدیل آنلاین SVG به PNG را به صورت رایگان امتحان کنید

به یک راه حل سریع و آسان برای تبدیل فایل های SVG به PNG نیاز دارید؟ از این آنلاین رایگان مبدل SVG به PNG استفاده کنید. از هر دستگاهی با مرورگر وب قابل دسترسی است و آن را راحت و بدون دردسر می کند.

با استفاده از Node.js سند Word را به PDF تبدیل کنید.

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

می‌توانید برای GroupDocs.Conversion یک مجوز موقت رایگان دریافت کنید که به شما امکان می‌دهد از API بدون محدودیت ارزیابی استفاده کنید.

نتیجه گیری

در این پست، نحوه تبدیل گرافیک های برداری SVG به تصاویر PNG با استفاده از Node.js با GroupDocs.Conversion for Node.js را بررسی کرده ایم. ما همچنین نشان داده‌ایم که چگونه می‌توانید با اعمال سفارشی‌سازی‌هایی مانند چرخش، مقیاس خاکستری، واترمارک، تنظیمات روشنایی و موارد دیگر، فرآیند تبدیل را بهبود ببخشید. این ویژگی های پیشرفته به شما امکان می دهد خروجی PNG را مطابق با نیازهای خود تنظیم کنید.

برای مثال‌های بیشتر، مخزن GitHub GroupDocs را بررسی کنید، جایی که می‌توانید نمونه‌های کد مختلفی را بیابید تا به شما کمک کند مبدل SVG به PNG خود را بسازید. اگر سوالی دارید، از طریق تالار گفتمان با ما در میان بگذارید.

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