SVG preglednik
Zalijepite sirovi SVG kod i odmah pregledajte prikazani rezultat.
Pregled onemogućuje skripte i vanjske reference, a ipak vam omogućuje provjeru viewBoxa i detalja veličine.
SVG pregled: zalijepite sirovi kod i odmah provjerite rezultat
provjera viewBoxa i veličine: pregledajte prozirnost i potencijalno nesiguran sadržaj
Kako koristiti
- Zalijepite SVG kod ili učitajte `.svg` datoteku.
- Promijenite pozadinu i razinu povećanja kako biste pregledali prikaz.
- Pregledajte viewBox, detalje veličine i upozorenja, a zatim po potrebi spremite SVG.
Primjer
Jednostavan SVG ikone
Ulaz
<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
Prikazuje se plava kružna ikona, a u ploči s podacima viewBox je prikazan kao `0 0 120 120`.
Česta pitanja
Prenosi li se moj SVG nekamo?
Ne. Zalijepljeni SVG i učitane datoteke ostaju u vašem pregledniku i ne šalju se na poslužitelj.
Što se događa sa SVG-ovima koji sadrže script ili foreignObject?
Siguran pregled uklanja te elemente prije prikaza i prikazuje upozorenje u ploči s informacijama.
Hoće li SVG s vanjskim slikama ili fontovima izgledati potpuno isto?
Ne uvijek. Vanjske reference su onemogućene pa izgled može odstupati od izvornog okruženja. Ovaj alat daje prednost sigurnoj lokalnoj provjeri.
Zašto se moj SVG ne prikazuje?
Uobičajeni uzroci su neispravan XML, loše vrijednosti atributa ili korijenski element koji nije `svg`. Provjerite poruku o pogrešci koju alat prikazuje.
Zašto bih mijenjao pozadinu?
Prozirna područja i ikone svijetlih boja mogu izgledati vrlo različito ovisno o pozadini, pa vam alat omogućuje brzo testiranje šahovnice, bijele i tamne pozadine.
Napomene
- Radi sigurnosti, vanjske URL reference i opasni elementi onemogućuju se prije prikaza.
- SVG-ovi koji ovise o vanjskim fontovima ili slikama možda neće izgledati isto kao u izvornom okruženju.
- Vrlo veliki SVG dokumenti automatski izlaze iz načina pregleda uživo i traže ručno prikazivanje.