01 / Postup
Ako to funguje
Odsadenie a nové riadky odhaľujú štruktúru a zachovávajú podporované vstupné prvky.
Užitočná poznámka
Pri zložitej syntaxi alebo produkčných súboroch overte výsledok v cieľovej aplikácii aj špecializovaným nástrojom.
Formátovanie kódu / MULTIVERTO
Formátovať SVG
Odsadzujte jednoduchý strom elementov SVG.
Okamžitý prevodVáš vstup zostáva v prehliadači. Text na prevod nikam neodosielame.
Súbor zostáva vo vašom prehliadači.
Reťaziť nástroje
Každý textový nástroj použite na predchádzajúci výsledok.
02 / Príklad
Príklad
Váš vstup
<svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>Výsledok
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="25" cy="25" r="20"/>
</svg>03 / Postup
Formátovať SVG — Ako to funguje
Čo tento nástroj mení
Odsadzujte jednoduchý strom elementov SVG. Odsadenie a nové riadky odhaľujú štruktúru a zachovávajú podporované vstupné prvky. Odsadenie zviditeľní skupiny SVG a uľahčí ručné úpravy. Geometria, súradnice, výplne aj transformácie zostanú zapísané rovnako. Výstup nezjednodušuje cesty ani výrazne nezmenšuje vektorový obrázok.
Poznajte formát
SVG je jazyk založený na XML pre vektorovú grafiku. Elementy opisujú geometriu, text, farby, transformácie a opakovane použiteľné definície; o kresbe rozhodujú atribúty. Formátovaný SVG zviditeľní vnorené skupiny a tvary, kompaktná verzia zredukuje medzery medzi čisto elementovými uzlami. Ani jedna operácia nemení súradnice ciest, nezjednodušuje geometriu a nemaže nepoužité definície. Plný grafický optimalizátor robí ďalšie rozhodnutia podľa vykreslenia. Editor vyžaduje jednoduchý správne vytvorený koreň svg a odmieta deklarácie, komentáre a CDATA. Výstup zobrazte v rôznych veľkostiach a skontrolujte text, viewBox aj odkazy.
Spoľahlivý postup
Formátovanie pomáha najmä pri kontrole a ladení, pretože odsadenie môže odhaliť chýbajúcu úroveň vnorenia alebo nečakaný súrodenecký prvok. Vložte úplný reprezentatívny úryvok a spustite formátovanie raz. Výstup čítajte od vonkajšej štruktúry dovnútra a sledujte začiatok aj koniec každého elementu, bloku či klauzuly. Táto stránka sa netvári ako kompilátor pre všetky rozšírenia jazyka; pokročilé konštrukcie môže odmietnuť. Po skopírovaní výsledku použite bežný validátor alebo testy cieľového projektu. Pred uložením upraveného textu skontrolujte rozdiel, aby zmeny rozloženia nezakryli neúmyselnú zmenu literálu alebo dátovej hodnoty.
Overte výsledok
Pôvodný zdroj si nechajte vedľa výsledku a pred veľkým dokumentom vyskúšajte krátky známy príklad. Porovnávajte významový obsah, nielen veľkosť súboru či počet riadkov. Po transformácii skontrolujte názvy, reťazce v úvodzovkách, znaky mimo ASCII, konce riadkov aj opakované polia. Čitateľný výsledok neoveruje schému, nedokazuje spustiteľnosť kódu ani bezpečnosť zverejnenia dát. Táto stránka spracúva text v prehliadači a ukazuje výsledok ako text, ale po vložení do inej aplikácie sa uplatnia jej pravidlá. Ak nástroj vstup odmietne, nájdite nepodporovanú konštrukciu a podľa potreby použite špecializovaný parser. Pri kopírovaní z dokumentácie si všimnite typografické úvodzovky, neviditeľné medzery a znak poradia bajtov na začiatku textu. Tieto znaky môžu vyzerať nenápadne, no parser ich môže vyhodnotiť inak než obyčajnú medzeru alebo úvodzovku.
SVG — Vstup
Načítať a zmeniť štruktúru
SVG — Výsledok