grafický formát
SVG je jazyk pro popis 2-dimenzionální grafiky a grafických aplikací. Vznikl pod konsorciem W3C, která má na svědomí standarty HTML,XML, grafický formát PNG a jiné.Vedou se debata o tom, jestli SVG může překonat FLASH, popřípadě nahradit i PDF formát.
Pokud byste jej chtěli využívat, pravděpodobně budete potřebovat plug-in do prohlížeče. Jeden takový jsem našel zde. Prohlížeč se asi ozve sám, že potřebuje plug-in.
Ukážu jak rychle vytvořit SVG obrázek. Vytvoříme soubor obrazek.svg a v textovém editoru do něj vložíme tento kód:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="200" height="200">
<circle cx="100" cy="70" r="40" stroke="black" stroke-width="5" fill="yellow"/>
<circle cx="120" cy="60" r="3" stroke="black" stroke-width="5" fill="yellow"/>
<circle cx="80" cy="60" r="3" stroke="black" stroke-width="5" fill="yellow"/>
<line x1="80" y1="80" x2="120" y2="90" style="stroke:rgb(99,99,99);stroke-width:4"/>
</svg>
Tučně vyznačená část kódu, je části povinnou. Zbytek jsou jednoduché funkce.
Obrázek vložíme do stránky způsobem trošku odlišným:
<object data="obrazek.svg" width="100%" height="100%" type="image/svg+xml"> <embed src="obrazek.svg" width="100%" height="100%" type="image/svg+xml" /> </object>
Pokud bychom chtěli použít jen standart XHTML může použít jen <object> tag. Ale vzhledem ke kompatibilitě prohlížečů používáme tagy oba.
Na výsledek se můžeme podívat .
Našel jsem i hezčí příklady: animation.svg , scripting.svg , filters.svg .
Rovněž jsem objevil širokou škálu nástrojů pro SVG.
2024 ©