SVG દર્શક
કાચું SVG markup પેસ્ટ કરો અને રેન્ડર થયેલું પરિણામ તરત પૂર્વાવલોકનમાં જુઓ.
પૂર્વાવલોકન scripts અને બાહ્ય સંદર્ભોને નિષ્ક્રિય કરે છે, છતાં viewBox અને કદની વિગતો તપાસવા દે છે.
SVG પૂર્વાવલોકન: કાચો કોડ પેસ્ટ કરો અને પરિણામ તરત તપાસો
viewBox અને કદ તપાસ: પારદર્શિતા અને સંભવિત અસુરક્ષિત સામગ્રી સમીક્ષો
કેવી રીતે વાપરવું
- SVG કોડ પેસ્ટ કરો અથવા `.svg` ફાઇલ લોડ કરો.
- રેન્ડરિંગ તપાસવા માટે પૃષ્ઠભૂમિ અને zoom સ્તર બદલો.
- viewBox, કદની વિગતો અને ચેતવણીઓ સમીક્ષો, પછી જરૂર હોય તો SVG સાચવો.
Sample
સરળ આઇકન SVG
Input
<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>
Output
વાદળી ગોળ આઇકન રેન્ડર થાય છે, અને માહિતી પેનલમાં viewBox `0 0 120 120` તરીકે બતાવવામાં આવે છે.
વારંવાર પૂછાતા પ્રશ્નો
મારો SVG ક્યાંક અપલોડ થાય છે?
ના. પેસ્ટ કરેલો SVG અને લોડ કરેલી ફાઇલો તમારા બ્રાઉઝરમાં જ રહે છે અને સર્વર પર મોકલાતી નથી.
script અથવા foreignObject ધરાવતા SVGsનું શું થાય છે?
સુરક્ષિત પૂર્વાવલોકન રેન્ડરિંગ પહેલાં આ ઘટકો દૂર કરે છે અને માહિતી પેનલમાં ચેતવણી બતાવે છે.
શું બાહ્ય છબીઓ અથવા ફોન્ટ ધરાવતા SVGs બરાબર એ જ રીતે રેન્ડર થાય છે?
હંમેશા નહીં. બાહ્ય સંદર્ભો નિષ્ક્રિય છે, તેથી દેખાવ મૂળ પર્યાવરણથી અલગ હોઈ શકે છે. આ સાધન સુરક્ષિત સ્થાનિક તપાસને પ્રાથમિકતા આપે છે.
મારો SVG કેમ રેન્ડર થતો નથી?
Common causes are invalid XML, bad attribute values, or a root element that is not `svg`. તપાસ the error message shown by the tool.
હું પૃષ્ઠભૂમિ કેમ બદલું?
પારદર્શક વિસ્તારો અને હળવા રંગના આઇકન પૃષ્ઠભૂમિ પ્રમાણે બહુ જુદા દેખાઈ શકે છે, તેથી સાધન તમને checker, સફેદ અને ગાઢ પૃષ્ઠભૂમિ ઝડપથી ચકાસવા દે છે.
Notes
- સુરક્ષા માટે, બાહ્ય URL સંદર્ભો અને જોખમી ઘટકો રેન્ડરિંગ પહેલાં નિષ્ક્રિય કરવામાં આવે છે.
- બાહ્ય ફોન્ટ અથવા છબીઓ પર આધારિત SVGs મૂળ પર્યાવરણમાં દેખાય તેવા જ ન દેખાઈ શકે.
- ખૂબ મોટી SVG ફાઇલો આપમેળે live preview મોડમાંથી બહાર નીકળી જાય છે અને તમને હાથેથી રેન્ડર કરવા કહે છે.