SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
इस टूल के बारे में
SVG मार्कअप पेस्ट करें और तुरंत देखें कि यह ब्राउज़र कैनवास में कैसा दिखता है। SVG एक XML-आधारित वेक्टर फॉर्मेट है जो किसी भी स्क्रीन आकार पर परफेक्ट स्केल होता है।
पृष्ठभूमि मोड (चेकर, सफेद, काला) पारदर्शी क्षेत्रों और रंग कंट्रास्ट की जांच में मदद करते हैं। ज़ूम नियंत्रण से विवरण देखें।
कैसे उपयोग करें
- Editor टैब में SVG कोड पेस्ट करें या टाइप करें।
- रेंडर परिणाम देखने के लिए Preview टैब पर जाएं।
- आसान निरीक्षण के लिए ज़ूम और पृष्ठभूमि समायोजित करें।
- तैयार होने पर SVG कॉपी करें या SVG डाउनलोड करें पर क्लिक करें।
उपयोग के मामले
डिज़ाइनर Figma या Illustrator के SVG एक्सपोर्ट की जांच करते हैं। डेवलपर इनलाइन SVG मार्कअप डीबग करते हैं। Frontend इंजीनियर चेकर पृष्ठभूमि से पारदर्शी क्षेत्र की पुष्टि करते हैं।
अक्सर पूछे जाने वाले प्रश्न
- क्या मेरा SVG कोड सर्वर पर भेजा जाता है? — नहीं। प्रीव्यू पूरी तरह आपके ब्राउज़र में रेंडर होता है। कुछ भी अपलोड या स्टोर नहीं होता।
- SVG खाली क्यों दिखता है? — जांचें कि रूट <svg> एलिमेंट में viewBox या स्पष्ट width/height है, और fill रंग पृष्ठभूमि से अलग है।
- क्या मैं संपादित करके फिर डाउनलोड कर सकता हूं? — हां। Editor टैब में संपादन करें, Preview में जांचें, फिर SVG डाउनलोड करें पर क्लिक करें।