SVG Viewer
Raw SVG markup paste करें और rendered result तुरंत देखें।
यह टूल सुरक्षा के लिए स्क्रिप्ट और बाहरी संदर्भों को ब्लॉक कर देता है, लेकिन फिर भी आप viewBox और आकार का विवरण आसानी से देख सकते हैं।
SVG preview: raw code paste करें और परिणाम तुरंत देखें
viewBox और size checks: transparency और संभावित असुरक्षित content जाँचें
कैसे उपयोग करें
- SVG code paste करें या `.svg` file लोड करें।
- Rendering जाँचने के लिए background और zoom level बदलें।
- viewBox, size details, और warnings देखें, फिर जरूरत हो तो SVG save करें।
Sample
Simple icon 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` के रूप में दिखाई देता है।
FAQ
क्या मेरा SVG कहीं upload होता है?
नहीं। पेस्ट किया गया एसवीजी (SVG) और लोड की गई फ़ाइलें आपके ब्राउज़र में ही सुरक्षित रहती हैं और इन्हें सर्वर पर नहीं भेजा जाता है।
Script या foreignObject वाले SVGs का क्या होता है?
सुरक्षित प्रीव्यू रेंडर करने से पहले यह टूल उन असुरक्षित तत्वों को हटा देता है और सूचना पैनल (info panel) में चेतावनी दिखाता है।
क्या external images या fonts वाले SVGs बिल्कुल वैसे ही render होंगे?
हमेशा नहीं। बाहरी संदर्भों (external references) को ब्लॉक कर दिया जाता है, इसलिए मूल वातावरण की तुलना में इसका स्वरूप थोड़ा भिन्न हो सकता है। यह टूल सुरक्षित स्थानीय निरीक्षण को प्राथमिकता देता है।
मेरा SVG render क्यों नहीं हो रहा?
इसके सामान्य कारणों में अमान्य XML, गलत एट्रिब्यूट मान, या रूट एलिमेंट का `<svg>` न होना शामिल है। टूल द्वारा दिखाए गए त्रुटि संदेश (error message) की जाँच करें।
Background क्यों बदलूँ?
पारदर्शी (transparent) हिस्से और हल्के रंग के आइकन अलग-अलग बैकग्राउंड पर काफी अलग दिख सकते हैं, इसलिए यह टूल आपको चेकर, सफ़ेद और डार्क बैकग्राउंड पर तुरंत परीक्षण करने की सुविधा देता है।
नोट्स
- सुरक्षा के लिए external URL references और dangerous elements rendering से पहले निष्क्रिय किए जाते हैं।
- External fonts या images पर निर्भर SVGs original environment जैसे नहीं दिख सकते।
- बहुत बड़ी एसवीजी फ़ाइलें स्वतः लाइव प्रीव्यू मोड से बाहर हो जाती हैं और आपको मैन्युअल रूप से रेंडर करने का सुझाव देती हैं।