SVG peržiūros programa
Įklijuokite neapdorotą SVG žymėjimą ir iš karto peržiūrėkite sugeneruotą rezultatą.
Peržiūroje išjungiami skriptai ir išorinės nuorodos, bet vis tiek galite tikrinti viewBox ir dydžio detales.
SVG peržiūra: įklijuokite neapdorotą kodą ir iš karto patikrinkite rezultatą
viewBox ir dydžio patikra: peržiūrėkite skaidrumą ir galimai nesaugų turinį
Kaip naudoti
- Įklijuokite SVG kodą arba įkelkite `.svg` failą.
- Pakeiskite foną ir mastelio lygį, kad patikrintumėte atvaizdavimą.
- Peržiūrėkite viewBox, dydžio detales ir įspėjimus, tada, jei reikia, išsaugokite SVG.
Pavyzdys
Paprastas piktogramos SVG
Įvestis
<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>
Išvestis
Atvaizduojama mėlyna apskrita piktograma, o informacijos skydelyje viewBox rodoma kaip `0 0 120 120`.
DUK
Ar mano SVG kažkur įkeliamas?
Ne. Įklijuotas SVG ir įkelti failai lieka jūsų naršyklėje ir nėra siunčiami į serverį.
Kas nutinka SVG, kuriuose yra script arba foreignObject?
Saugioje peržiūroje šie elementai prieš atvaizdavimą pašalinami, o informacijos skydelyje rodomas įspėjimas.
Ar SVG su išoriniais paveikslėliais ar šriftais bus rodomi tiksliai taip pat?
Ne visada. Išorinės nuorodos išjungiamos, todėl vaizdas gali skirtis nuo pradinės aplinkos. Šis įrankis pirmiausia skirtas saugiai vietinei peržiūrai.
Kodėl mano SVG nerodomas?
Dažniausios priežastys yra netinkamas XML, blogos atributų reikšmės arba šakninis elementas, kuris nėra `svg`. Patikrinkite įrankio rodomą klaidos pranešimą.
Kodėl turėčiau keisti foną?
Permatomos sritys ir šviesios piktogramos gali atrodyti labai skirtingai priklausomai nuo fono, todėl įrankis leidžia greitai išbandyti languotą, baltą ir tamsų foną.
Pastabos
- Saugumui užtikrinti prieš atvaizdavimą išjungiamos išorinės URL nuorodos ir pavojingi elementai.
- SVG, kurie priklauso nuo išorinių šriftų ar paveikslėlių, gali atrodyti ne taip pat kaip pradinėje aplinkoje.
- Labai dideli SVG failai automatiškai išjungiami iš tiesioginės peržiūros ir prašoma juos atvaizduoti rankiniu būdu.