01 / Postup
Jak to funguje
Odsazení a nové řádky odhalují strukturu a zachovávají podporované vstupní prvky.
Užitečná poznámka
U složité syntaxe nebo produkčních souborů ověřte výsledek v cílové aplikaci i specializovaným nástrojem.
Formátování kódu / MULTIVERTO
Formátovat SVG
Odsazujte jednoduchý strom elementů SVG.
Okamžitý převodVáš vstup zůstává v prohlížeči. Text k převodu nikam neodesíláme.
Soubor zůstává ve vašem prohlížeči.
Řetězit nástroje
Každý textový nástroj použijte na předchozí výsledek.
02 / Příklad
Příklad
Váš vstup
<svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>Výsledek
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="25" cy="25" r="20"/>
</svg>03 / Postup
Formátovat SVG — Jak to funguje
Co tento nástroj mění
Odsazujte jednoduchý strom elementů SVG. Odsazení a nové řádky odhalují strukturu a zachovávají podporované vstupní prvky. Odsazení zviditelní skupiny SVG a usnadní ruční úpravy. Geometrie, souřadnice, výplně i transformace zůstanou zapsané stejně. Výstup nezjednodušuje cesty ani výrazně nezmenšuje vektorový obrázek.
Poznejte formát
SVG je jazyk založený na XML pro vektorovou grafiku. Elementy popisují geometrii, text, barvy, transformace a opakovaně použitelné definice; o kresbě rozhodují atributy. Formátovaný SVG zviditelní vnořené skupiny a tvary, kompaktní verze zredukuje mezery mezi čistě elementovými uzly. Ani jedna operace nemění souřadnice cest, nezjednodušuje geometrii a nemaže nepoužité definice. Úplný grafický optimalizátor dělá další rozhodnutí podle vykreslení. Editor vyžaduje jednoduchý správně vytvořený kořen svg a odmítá deklarace, komentáře a CDATA. Výstup zobrazte v různých velikostech a zkontrolujte text, viewBox i odkazy.
Spolehlivý postup
Formátování pomáhá zejména při kontrole a ladění, protože odsazení může odhalit chybějící úroveň vnoření nebo nečekaný sourozenecký prvek. Vložte úplný reprezentativní úryvek a spusťte formátování jednou. Výstup čtěte od vnější struktury dovnitř a sledujte začátek i konec každého elementu, bloku či klauzule. Tato stránka se nevydává za kompilátor pro všechna rozšíření jazyka; pokročilé konstrukce může odmítnout. Po zkopírování výsledku použijte běžný validátor nebo testy cílového projektu. Před uložením upraveného textu zkontrolujte rozdíl, aby změny rozložení nezakryly neúmyslnou změnu literálu nebo datové hodnoty.
Ověřte výsledek
Původní zdroj si ponechte vedle výsledku a před velkým dokumentem vyzkoušejte krátký známý příklad. Porovnávejte významový obsah, nejen velikost souboru nebo počet řádků. Po transformaci zkontrolujte názvy, řetězce v uvozovkách, znaky mimo ASCII, konce řádků i opakovaná pole. Čitelný výsledek neověřuje schéma, nedokazuje spustitelnost kódu ani bezpečnost zveřejnění dat. Tato stránka zpracovává text v prohlížeči a ukazuje výsledek jako text, ale po vložení do jiné aplikace se uplatní její pravidla. Pokud nástroj vstup odmítne, najděte nepodporovanou konstrukci a podle potřeby použijte specializovaný parser. Při kopírování z dokumentace si všimněte typografických uvozovek, neviditelných mezer a značky pořadí bajtů na začátku textu. Tyto znaky mohou vypadat nenápadně, ale parser je může vyhodnotit jinak než běžnou mezeru nebo uvozovku.
SVG — Vstup
Načíst a změnit strukturu
SVG — Výsledek