SVG ویور

خام SVG markup پیسٹ کریں اور رینڈر شدہ نتیجہ فوراً پیش نظارہ میں دیکھیں۔

پیش نظارہ scripts اور بیرونی حوالہ جات کو غیر فعال کرتا ہے، مگر پھر بھی آپ کو viewBox اور سائز کی تفصیلات دیکھنے دیتا ہے۔

SVG پیش نظارہ: خام کوڈ پیسٹ کریں اور نتیجہ فوراً چیک کریں

viewBox اور سائز کی جانچ: شفافیت اور ممکنہ طور پر غیر محفوظ مواد کا جائزہ لیں

آپ کا SVG کبھی سرور کو نہیں بھیجا جاتا۔ پروسیسنگ مکمل طور پر براؤزر ہی میں رہتی ہے۔
خطرناک عناصر اور بیرونی URL حوالہ جات پیش نظارہ میں غیر فعال کر دیے جاتے ہیں۔

استعمال کا طریقہ

  1. SVG کوڈ پیسٹ کریں یا `.svg` فائل لوڈ کریں۔
  2. رینڈرنگ کا معائنہ کرنے کے لیے پس منظر اور zoom سطح بدلیں۔
  3. جائزہ لیں viewBox, size details, and warnings, then save the SVG if needed.

نمونہ

سادہ آئیکن SVG

ان پٹ

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

آؤٹ پٹ

ایک نیلا گول آئیکن رینڈر ہوتا ہے، اور معلوماتی پینل میں viewBox کو `0 0 120 120` کے طور پر دکھایا جاتا ہے۔

عمومی سوالات

کیا میرا SVG کہیں اپ لوڈ ہوتا ہے؟

نہیں۔ پیسٹ کیا گیا SVG اور لوڈ کی گئی فائلیں آپ کے براؤزر ہی میں رہتی ہیں اور کسی سرور کو نہیں بھیجی جاتیں۔

script یا foreignObject رکھنے والے SVGs کے ساتھ کیا ہوتا ہے؟

محفوظ پیش نظارہ رینڈرنگ سے پہلے ان عناصر کو ہٹا دیتا ہے اور معلوماتی پینل میں تنبیہ دکھاتا ہے۔

کیا بیرونی تصاویر یا فونٹس والے SVGs بالکل اسی طرح رینڈر ہوتے ہیں؟

ہمیشہ نہیں۔ بیرونی حوالہ جات غیر فعال ہوتے ہیں، اس لیے ظاہری شکل اصل ماحول سے مختلف ہو سکتی ہے۔ یہ ٹول محفوظ مقامی معائنہ کو ترجیح دیتا ہے۔

میرا SVG رینڈر کیوں نہیں ہوتا؟

Common causes are invalid XML, bad attribute values, or a root element that is not `svg`. چیک کریں the error message shown by the tool.

میں پس منظر کیوں بدلوں؟

شفاف حصے اور ہلکے رنگ کے آئیکنز پس منظر کے مطابق بہت مختلف دکھائی دے سکتے ہیں، اس لیے ٹول آپ کو checker، سفید، اور گہرے پس منظر فوراً آزمانے دیتا ہے۔

Notes

  • حفاظت کے لیے، بیرونی URL حوالہ جات اور خطرناک عناصر رینڈرنگ سے پہلے غیر فعال کر دیے جاتے ہیں۔
  • بیرونی فونٹس یا تصاویر پر انحصار کرنے والے SVGs اصل ماحول جیسے دکھائی نہیں دے سکتے۔
  • بہت بڑی SVG فائلیں خودکار طور پر live preview موڈ سے نکل جاتی ہیں اور آپ سے دستی طور پر رینڈر کرنے کو کہتی ہیں۔