SVG

SVG je vektorový formát, který popisuje obrazy jako jsou tvary, cesty, text a efekty filtrů. Výsledné soubory jsou kompaktní a poskytují vysoce kvalitní grafiky pro web, při tisku a dokonce i v kapesních zařízeních s omezenými prostředky. To vše narozdíl od formátů GIF, JPEG, WBMP a PNG, které jsou náročnější. Uživatelé mohou zvětšit zobrazení obrazu SVG na obrazovce bez zhoršení ostrosti, detailů nebo přesnosti. Navíc SVG poskytuje výbornou podporu pro text a barvy, což zajistí, že uživatelé uvidí obrazy tak, jak se zobrazují na kreslicí ploše v aplikaci Illustrator.

Formát SVG je zcela založený na XML a nabízí mnohé výhody jak vývojářům, tak i uživatelům. 

Kresbu můžete uložit ve formátu SVG pomocí příkazů Uložit, Uložit jako, Uložit kopii nebo Uložit pro web a zařízení. Chcete-li mít přístup k úplné sadě možností exportu SVG, použijte příkaz Uložit, Uložit jako nebo Uložit kopii. Příkaz Uložit pro web a zařízení nabízí podmnožinu možností exportu SVG, které se uplatní při práci s důrazem na web.

Použití efektů SVG

Efekty SVG můžete použít k přidání grafických vlastností, jako jsou vržené stíny, do své kresby. Efekty SVG se liší od svých bitmapových protějšků tím, že jsou založené na XML a jsou nezávislé na rozlišení. Efekt SVG není ve skutečnosti nic více než řada vlastností XML, které popisují různé matematické operace. Výsledné efekty se vykreslí s cílovým objektem, ne se zdrojovou grafikou.

Illustrator obsahuje výchozí sadu efektů SVG. Efekty můžete použít s jejich výchozími vlastnostmi, můžete upravit kód XML, a tím vytvořit vlastní efekty, nebo si můžete napsat nové efekty SVG.

Když aplikujete efekt filtru SVG, Illustrator zobrazí na kreslicí ploše rastrovanou verzi efektu. Rozlišení tohoto náhledového obrazu můžete nastavit změnou nastavení rozlišení rastrování dokumentu.

Import efektů ze souboru SVG

Panel Interaktivita SVG – přehled

Na panelu Interaktivita SVG můžete prohlížet všechny události a soubory JavaScriptu spojené se současným souborem.
Panel Interaktivita SVG (Okna > Interaktivita SVG) se používá k přidání interaktivních prvků do kresby, která se bude exportovat pro prohlížení ve webovém prohlížeči. Například vytvořením události, která spouští příkaz JavaScriptu, můžete rychle vytvořit pohyb na stránce webu, když uživatel provede nějakou akci (například pohyb kurzoru myši přes objekt).

Odstranění události z panelu Interaktivita SVG

Panel Interaktivita SVG lze používat k odstranění jedné nebo všech událostí.

Zobrazení seznamu, přidávání nebo odstranění událostí spojených se souborem

Vyberte možnost Vazba na soubory JavaScriptu   a výběrem možnosti Přidat přidejte další soubory JavaScript. Pokud budete chtít vybrané položky JavaScriptu odstranit, vyberte možnost Odebrat.

Přidávání interaktivity SVG do kresby

Události SVG

Spustí akci, když se vstup přesměruje do elementu, například výběrem pomocí ukazatele.

Spustí akci, když element přestane být vybraný pro vstup (často když se vstup přesměruje do jiného elementu).

Spustí akci kliknutím myši nebo stisknutím klávesy, v závislosti na elementu SVG.

Spustí akci, když se tlačítko myši stiskne nad elementem.

Spustí akci, když se tlačítko myši uvolní nad elementem.

Spustí akci, když se klikne na tlačítko myši nad elementem.

Spustí akci, když se ukazatel přesune nad element.

Spustí akci, když je ukazatel nad elementem.

Spustí akci, když se ukazatel přesune ven z elementu.

Spustí akci při stisknutí klávesy.

Spustí akci, když je klávesa stále stisknutá.

Spustí akci při uvolnění klávesy.

Spustí akci poté, co se zcela dokončí analýza dokumentu SVG v prohlížeči. Tuto událost použijte pro vyvolání jednorázových inicializačních funkcí.

Spustí akci, když se element nenačte správně nebo se vyskytne jiná chyba.

Spustí akci, když se načítání stránky zastaví dříve než se element zcela načte.

Spustí akci, když se dokument SVG odstraňuje z okna nebo rámce.

Spustí akci, když se změní úroveň zvětšení dokumentu.

Spustí akci, když se změní velikost okna dokumentu.

Spustí akci, když se zobrazení dokumentu roluje nebo posouvá v okně.

Tipy pro vytváření souborů SVG

• Použijte vrstvy k přidání struktury k souboru SVG. Po uložení kresby ve formátu SVG se každá vrstva převede na element skupiny (<g>). (Například z vrstvy s názvem Tlacitko1 se v souboru SVG stane <g id="Tlacitko1_ver3.0">.) Z vnořených vrstev se stanou vnořené skupiny SVG. Skryté vrstvy se zachovají a vlastnost „display“ stylu SVG bude mít hodnotu „none“.

• Pokud chcete, aby se objekty na různých vrstvách zdály být průhledné, nastavte krytí jednotlivých objektů, ne celých vrstev.

• Rastrová data nelze v prohlížeči SVG Viewer zvětšovat a zmenšovat a nelze je upravovat tak, jako ostatní elementy SVG. Můžete se vyhnout vytváření kreseb, které budou v souboru SVG rastrované. Chcete-li přidat grafické efekty, které nezpůsobí rastrování, použijte efekty SVG.

• Abyste zlepšili rychlost SVG, používejte symboly a zjednodušte cesty ve své kresbě. Pokud je pro vás rychlost zásadní, vyhněte používání stop štětců, které produkují množství dat cest, jako jsou stopy Uhel, Popel a Ozdobné pero.

• K přidání webových odkazů do souboru SVG použijte řezy, obrazové mapy a skripty.

• Skriptovací jazyk, jako je JavaScript, poskytuje souboru SVG neomezenou funkčnost. Pohyby ukazatele a akce z klávesnice mohou vyvolat skriptované funkce, například efekty přechodu (rolloverů).

Volby exportu do formátu SVG optimalizovaného pro web

K dispozici je nová možnost exportu SVG (Soubor > Export > Exportovat jako > SVG). Nový pracovní postup umožňuje generovat standardizované, pro web optimalizované soubory SVG určené pro projekty návrhů webů nebo obrazovek. Další informace viz Volby exportu pro SVG.

Související zdroje

Obraťte se na nás