SVG Viewer
Raw SVG markup paste करें और rendered result तुरंत देखें।
Preview scripts और external references को बंद कर देती है, जबकि आप viewBox और size details फिर भी जाँच सकते हैं।
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>
आउटपुट
नीला गोल icon render होता है, और viewBox info panel में `0 0 120 120` के रूप में दिखता है।
FAQ
क्या मेरा SVG कहीं upload होता है?
नहीं। Paste किया गया SVG और loaded files आपके browser में रहते हैं और server पर नहीं भेजे जाते।
Script या foreignObject वाले SVGs का क्या होता है?
Safe preview render करने से पहले उन elements को हटा देती है और info panel में warning दिखाती है।
क्या external images या fonts वाले SVGs बिल्कुल वैसे ही render होंगे?
हमेशा नहीं। External references बंद हैं, इसलिए appearance original environment से अलग हो सकती है। यह tool सुरक्षित स्थानीय निरीक्षण को प्राथमिकता देता है।
मेरा SVG render क्यों नहीं हो रहा?
आम कारण invalid XML, खराब attribute values, या root element का `svg` न होना हैं। Tool द्वारा दिखाए गए error message की जाँच करें।
Background क्यों बदलूँ?
Transparent areas और light-colored icons अलग-अलग backgrounds पर बहुत अलग दिख सकते हैं, इसलिए tool आपको checker, white, और dark backgrounds जल्दी परीक्षण करने देती है।
नोट्स
- सुरक्षा के लिए external URL references और dangerous elements rendering से पहले निष्क्रिय किए जाते हैं।
- External fonts या images पर निर्भर SVGs original environment जैसे नहीं दिख सकते।
- बहुत बड़ी SVG files स्वतः live preview mode से बाहर हो जाती हैं और आपको manually render करने के लिए कहती हैं।