डेवलपर / SVG जांच
SVG Viewer: SVG जाँचें, resize करें और कॉपी करें
Zoom और background controls के साथ SVG code को स्थानीय रूप से देखें। Dimensions और colour tokens जाँचें, width और height संपादित करें, viewBox ठीक करें और data URI डाउनलोड या कॉपी करें।
SVG Viewer: SVG जाँचें, resize करें और कॉपी करें: SVG की dimensions, viewBox, elements की संख्या, byte size और स्पष्ट colour usage पढ़ता है। Sanitising के बाद केवल अनुरोधित root sizing attributes संपादित करता है। Source dimensions से missing viewBox भरा जा सकता है; responsive mode viewBox को बनाए रखता है और width तथा height attributes हटाता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- डेवलपर टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
SVG viewport और viewBox
viewBox में चार संख्याएँ होती हैं: न्यूनतम x, न्यूनतम y, चौड़ाई और ऊँचाई। इसकी चौड़ाई और ऊँचाई धनात्मक होनी चाहिए। विनिर्देश: https://www.w3.org/TR/SVG2/coords.html
आकार और स्थानीय प्रीव्यू
निरपेक्ष लंबाइयों को 96 CSS पिक्सेल प्रति इंच के आधार पर बदला जाता है। प्रीव्यू ज़ूम और बैकग्राउंड एक्सपोर्ट किए गए markup को नहीं बदलते। SVG इमेज प्रोसेसिंग नियम: https://www.w3.org/TR/SVG2/conform.html
इस्तेमाल करने का तरीका
- Sanitised preview देखने के लिए SVG डालें या उसका code पेस्ट करें।
- Optional aspect locking के साथ dimensions सेट करें, viewBox बदलें या responsive उपयोग के लिए dimensions हटाएं।
- SVG डाउनलोड करें, उसका code कॉपी करें या encoded data URI कॉपी करें।
गोपनीयता और सीमाएँ
SVG को स्थानीय रूप से प्रोसेस करके isolated image के रूप में render किया जाता है। Scripts, event handlers और external resources हटा दिए जाते हैं।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
क्या viewBox बदलने से artwork बदल जाता है?
इससे दिखाई देने वाला coordinate area बदल जाता है। केवल display size बदलना हो तो मौजूदा viewBox का उपयोग करें; अलग viewBox दिखाई देने वाली drawing को crop या shift कर सकता है।
Dimensions न होने पर क्या होता है?
Viewer पहले viewBox dimensions का उपयोग करता है, फिर 300 × 150 pixel fallback का। Absolute physical lengths के लिए 96 pixels per inch उपयोग होते हैं; relative lengths को सटीक रूप से तय करने के लिए containing page की आवश्यकता होती है।
Responsive mode width और height क्यों हटाता है?
ViewBox coordinate system को बनाए रखता है, जबकि आसपास का layout दिखाई देने वाला size नियंत्रित करता है।
क्या मैं data URI कॉपी कर सकता हूँ?
हाँ। Data URI में URI encoding के साथ sanitised output SVG शामिल होता है।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं