SVG दर्शक
कच्चा SVG मार्कअप पेस्ट करा आणि रेंडर केलेला परिणाम लगेच पहा.
पूर्वदृश्य स्क्रिप्ट्स आणि बाह्य संदर्भ बंद करते, पण तरीही तुम्हाला viewBox आणि आकाराची माहिती तपासू देते.
SVG पूर्वदृश्य: कच्चा कोड पेस्ट करा आणि निकाल लगेच तपासा
viewBox आणि आकार तपासणी: पारदर्शकता आणि संभाव्य असुरक्षित मजकूर तपासा
कसे वापरावे
- SVG कोड पेस्ट करा किंवा `.svg` फाइल लोड करा.
- रेंडरिंग तपासण्यासाठी पार्श्वभूमी आणि झूम पातळी बदला.
- viewBox, आकार तपशील, आणि इशारे तपासा, मग गरज असल्यास SVG जतन करा.
नमुना
साधा आयकॉन 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 असलेल्या SVGचे काय होते?
सुरक्षित पूर्वदृश्य ते घटक रेंडर करण्यापूर्वी काढून टाकते आणि माहिती पॅनेलमध्ये इशारा दाखवते.
बाह्य प्रतिमा किंवा फॉन्ट असलेले SVG तस्सेच दिसतील का?
नेहमीच नाही. बाह्य संदर्भ बंद केले जातात, त्यामुळे देखावा मूळ वातावरणापेक्षा वेगळा असू शकतो. हे टूल सुरक्षित स्थानिक तपासणीला प्राधान्य देते.
माझा SVG का रेंडर होत नाही?
सामान्य कारणे म्हणजे अमान्य XML, चुकीची गुणधर्म मूल्ये, किंवा `svg` नसलेला root element. टूलने दाखवलेला त्रुटी संदेश तपासा.
पार्श्वभूमी बदलण्याची गरज का भासेल?
पारदर्शक भाग आणि हलक्या रंगाची आयकॉन पार्श्वभूमीनुसार खूप वेगळी दिसू शकतात, म्हणून हे टूल तुम्हाला चेकरबोर्ड, पांढरा, आणि गडद पार्श्वभूमी जलद तपासायला देते.
नोंदी
- सुरक्षेसाठी, रेंडरिंगपूर्वी बाह्य URL संदर्भ आणि धोकादायक घटक बंद केले जातात.
- बाह्य फॉन्ट्स किंवा प्रतिमांवर अवलंबून असलेले SVG मूळ वातावरणात दिसतात तसेच दिसतीलच असे नाही.
- खूप मोठ्या SVG फाइल्स आपोआप थेट पूर्वदृश्य मोडमधून बाहेर पडतात आणि तुम्हाला हाताने रेंडर करण्यास सांगतात.