Pregledovalnik SVG
Prilepite surovo SVG označevanje in takoj si oglejte upodobljen rezultat.
Predogled onemogoči skripte in zunanje reference, hkrati pa vam še vedno omogoča pregled viewBox in podrobnosti velikosti.
Predogled SVG: prilepite surovo kodo in takoj preverite rezultat
Preverjanje viewBox in velikosti: preglejte prosojnost in potencialno nevarno vsebino
Kako uporabljati
- Prilepite SVG kodo ali naložite datoteko `.svg`.
- Preklopite ozadje in stopnjo povečave, da preverite upodobitev.
- Preglejte viewBox, podrobnosti velikosti in opozorila, nato po potrebi shranite SVG.
Vzorec
Preprost SVG ikone
Vnos
<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>
Rezultat
Prikazana je modra krožna ikona, viewBox pa je v informacijskem panelu prikazan kot `0 0 120 120`.
Pogosta vprašanja
Ali se moj SVG naloži kamor koli?
Ne. Prilepljeni SVG in naložene datoteke ostanejo v vašem brskalniku in se ne pošiljajo na strežnik.
Kaj se zgodi z SVG-ji, ki vsebujejo script ali foreignObject?
Varen predogled te elemente pred upodobitvijo odstrani in v informacijskem panelu prikaže opozorilo.
Ali bodo SVG-ji z zunanjimi slikami ali pisavami prikazani popolnoma enako?
Ne vedno. Zunanje reference so onemogočene, zato se lahko videz razlikuje od prvotnega okolja. To orodje daje prednost varnemu lokalnemu pregledu.
Zakaj moj SVG ni prikazan?
Pogosti vzroki so neveljaven XML, napačne vrednosti atributov ali korenski element, ki ni `svg`. Preverite sporočilo o napaki, ki ga pokaže orodje.
Zakaj bi zamenjal ozadje?
Prosojna območja in svetle ikone lahko na različnih ozadjih izgledajo zelo drugače, zato vam orodje omogoča hitro preizkušanje karirastega, belega in temnega ozadja.
Opombe
- Zaradi varnosti so zunanje URL reference in nevarni elementi pred upodobitvijo onemogočeni.
- SVG-ji, ki so odvisni od zunanjih pisav ali slik, morda ne bodo videti enako kot v izvirnem okolju.
- Zelo velike SVG datoteke samodejno preklopijo iz načina živih posodobitev in zahtevajo ročno upodobitev.