Scalable Vector Graphics

Z Wikipédie

Porovnanie bitmapových formátov s formátom SVG.

Príklad SVG obrázku.

Obrázok orka vo formáte SVG.

Scalable Vector Graphics (SVG) je značkovací jazyk z rodiny značkovacích jazykov XML, ktorý je určený na opis dvojrozmernej, statickej alebo animovanej vektorovej grafiky.

SVG je otvorený štandard, ktorý vytvorilo konzorcium World Wide Web, zodpovedné za štandardy ako HTML a XHTML.

Niektorý z redaktorov požiadal o revíziu tohoto článku.
Redaktor si napríklad nie je istý, či neobsahuje pravopisné alebo iné chyby. Prosím opravte a vylepšite tento článok.
Po úprave článku môžete odstrániť túto poznámku. Viac informácií nájdete v článku Ako upravovať stránku.

Obsah

1 Prehľad
2 Potenciálny vplyv
3 Mobilné profily
4 História vývoja
5 Podpora SVG v prehliadačoch a iných aplikáciách
- 5.1 Podpora pomocou pluginov
- 5.2 Natívna podpora
6 Mobilná podpora
7 Tools
8 Pozri aj
9 Externé odkazy

[úprava] Prehľad

Jazyk SVG umožňuje definovať tri typy grafických objektov:

tvary vektorovej grafiky (napr. cesty pozostávajúce z rovných čiar a kriviek a oblasti nimi ohraničené)
rastrové obrázky / digitálne obrázky
text

Grafické objekty je možné zoskupovať, štylizovať, transformovať a zoskupovať do vopred vykreslených objektov. Text môže byť v ktoromkoľvek mennom priestore XML vhodnom pre aplikáciu, čo rozširuje vyhľadávacie možnosti a prístupnosť SVG grafiky. Medzi možnosti patria vnorené transformácie, orezávacie cesty, alfa masky, filtrovacie efekty, šablóny objektov a rozšíriteľnosť.

SVG kresby môžu byť dynamické a interaktívne. Document Object Model (DOM) pre SVG, ktorého podmnožinou je úplné XML DOM, umožňuje priamu a výkonnú animáciu vektorovej grafiky pomocou ECMAScriptu alebo SMIL. Bohatú množinu handlerov udalostí ako onmouseover a onclick je možné priradiť akémukoľvek SVG grafickému objektu. Vďaka svojej kompatibilite a výhodnému využitiu iných webových štandardov je možné skriptovanie robiť na SVG elementoch a iných XML elementoch z rozličných menných priestorov zároveň na tej istej webstránke.

Ak je problémom úložný priestor, SVG obrázky sa niekedy ukladajú s gzip kompresiou. V takom prípade sa môžu nazývať „SVGZ súbory“. Pretože XML obsahuje množstvo redundantných dát, XML sa zvyčajne veľmi dobre komprimuje a tak výsledné, skomprimované súbory môžu byť oveľa menšie. Často je však už pôvodný vektorový súbor (SVG) menší ako rasterizovaná verzia.

[úprava] Potenciálny vplyv

Rozšírenie SVG klientov, obzvlášť natívnou podporou vo webových prehliadačoch, sa pravdepodobne revolučne odrazí na webe. Súčasným trendom sú webstránky, ktoré sa správajú ako počítačová aplikácia použítím metódy známej ako Ajax. SVG má potenciál do veľkej miery rozšíriť možnosti Ajax-u tým, že poskytuje ideálny mechanizmus pre dynamické vykresľovanie elementov stránky.

[úprava] Mobilné profily

Kvôli záujmu z priemyselnej sféry boli predstavené dva mobilné profily SVG1.1: SVG Tiny (SVGT) a SVG Basic (SVGB). Sú to podmnožiny plného SVG štandardu, predovšetkým cielené pre user agentov s obmedzenými možnosťami. Konkrétne SVG Tiny bolo definované pre do veľkej miery obmedzené mobilné zariadenia ako mobilný telefón a SVG Basic bolo definované pre použitie v mobilných zariadeniach vyššej úrovne, ako PDAs.

Ani jeden z mobilných profilov neposkytuje plnú podporu DOM, hoci SVG Basic má nepovinnú podporu pre skriptovanie, ale pretože sú to plne kompatibilné podmožiny plného štandardu, väčšinu SVG grafiky bude stále možné vykresliť na zariadeniach podporujúcich iba mobilné profily.

[úprava] História vývoja

SVG vyvinula SVG Working Group W3C od roku 1998, po tom ako Macromedia a Microsoft predstavili Vector Markup Language (VML), kým Adobe Systems a Sun Microsystems poslali konkurenčný formát známy ako PGML. Pracovnej skupine predsedal Chris Lilley z W3C.

SVG 1.0 sa stalo Odporúčaním W3C 4. septembra 2001.
SVG 1.1 sa stalo Odporúčaním W3C 14. januára 2003.
SVG Tiny a SVG Basic (Mobilné SVG profily) sa stali Odporúčaním W3C 14. januára 2003. Sú opísané ako profily SVG 1.1.
SVG 1.2 Mobile (Tiny) a SVG 1.2 Full sú oba v súčasnosti Pracovným náčrtom W3C. SVG 1.2 Mobile bol zámerne uvoľnený ako profil, aneskor prepracovaný na úplnú špecifikáciu vrátane všetkých potrebných súčastí SVG 1.1 a SVG 1.2. Podobne prepracovaný náčrt SVG 1.2 Full zatiaľ nebol uvoľnený.

[úprava] Podpora SVG v prehliadačoch a iných aplikáciách

Použitie SVG na webe je v začiatkoch. Po dlhej dobe používania rastrových formátov a Macromedia Flash existuje veľká neochota, ale ani podpora v prehliadačoch nie je najlepšia a používatelia väčšiny prehliadačov si musia dodatočne nainštalovať plugin. Webstránky, ktoré používajú SVG obrázky tiež zvyčajne poskytujú rastrový formát, buď automaticky pomocou HTTP content negotiation alebo nechajú voľbu na používateľovi. Alternatívne obrázky sa zvyčajne rasterizujú knižnicami ako ImageMagick, ktoré poskytujú rýchlu, ale neúplnú implementáciu SVG alebo Batik, ktorý implementuje celé SVG, ale je pomalší.

Niektoré wiki experimentovali s SVG podporou; špekulovalo sa, že keďže SVG je textovo založený formát, wiki by mohla umožňovať úpravu SVG obrázkov spôsobom podobným úprave štandardného textu. Avšak výhody tohto spôsobu úpravy obrázkov sú otázne. Vo všeobecnosti sa uvažuje, že aj triviálne úpravy sú jednoduchšie využitím oddeleného grafického balíka, pretože je náročné si presne predstaviť do akej miery sa zmeny v XML prejavia na hotovom obrázku. Súčasné wiki väčšinou nepodporujú buď zobrazovanie alebo úpravu SVG obrázkov, čiastočne kvôli nedostatočnej podpore zo strany prehliadačov, ale aj preto, že rasterizácia pomocou Batik je náročná na CPU a vyžaduje Java Runtime Environment od firmy Sun, čo nie je slobodný softvér. V duchu otvorenosti mnohé wiki odmietajú používať neslobodný softvér; napríklad Jimbo Wales o tomto hovorí vo svojom weblogu [1]. Podpora SVG by bola pre wiki prínosná wiki, obzvlášť v článkoch, ktoré potrebujú diagramy, takže situácia sa môže v budúcnosti zmeniť, keď bude podpora SVG v ImageMagick rozšírená SVG. Wikipédia v súčasnosti podporuje formát SVG.

[úprava] Podpora pomocou pluginov

V niektorých prehliadačoch ako Internet Explorer je potrebný na prehliadanie SVG obrázkov plugin. Medzi dnes dostupné SVG pluginy na stolnom počítači patria Adobe SVG Viewer a Corel SVG Viewer (už nie je podporovaný).

[úprava] Natívna podpora

Natívna podpora má niekoľko výhod. Napríklad nie je potrebný plugin, SVG je možné miešať s inými formátmi v rámci jedného dokumentu a skriptovanie medzi jednotlivými dokumentami je oveľa spoľahlivejšie.

webový prehliadač Opera (od verzie 8.0 Beta 3) podporuje špecifikáciu SVG 1.1 Tiny
prehliadač Mozilla Firefox (od 1.5 Alpha) a balík aplikácií pre prácu s internetom Mozilla SeaMonkey, ktoré zdieľajú kódovú základňu, majú oba neúplnú podporu špecifikácie SVG 1.1 Full. Prehľad podporovaných modulov v prehliadači Firefox 1.5 sa nachádza tu. Prehľad modulov, na ktorých sa pracuje vo vývojovej vetve Firefoxu sa nachádza tu.
prehliadač Amaya má čiastočnú podporu SVG
Konqueror projektu KDE má pomerne úplný SVG plugin zvaný KSVG. Vývoj KSVG1 sa skončil, ale na KSVG2 sa aktívne pracuje vyše roka a je predurčený na zaradenie do jadra KDE 4, čo by mohlo umožniť jeho natívne vykresľovanie niekedy v budúcnosti. Inde v KDE je formát veľmi užitočný a od verzie 3.4 sú podporované SVG pozadia.
prehliadač Safari od Apple, ktorý bol založený na vykresľovacom engine KHTML Konquerora, ale odvtedy sa oddelil na projekt Webkit tiež nedávno začas s portovaním KSVG2 do WebCore, čím sa začala práca na zaradenie natívnej podpory SVG do Safari
Batik SVG Toolkit môžu používať Java programy na vykresľovanie, tvorbu, a manipuláciu s SVG grafikou
SVG Salamander je otvorená alternatíva k Batik pre Javu

[úprava] Mobilná podpora

Na mobilných zariadeniach sú najpopulárnejšie implementácie pre mobilné telefóny od Ikivo a Bitflash, kým pre PDA existujú implementácie Bitflash a Intesis. Macromedia Flash Lite od Macromedie má voliteľnú podporu SVG Tiny od verzie 1.1. Na konferencii SVGOpen 2005 demonštroval Sun mobilnú implementáciu SVG Tiny 1.1 pre platformu CDLC. TinyLine SVG viewer, napísaný v Jave, je tiež cielený pre mobilné zariadenia.

[úprava] Tools

väčšina hlavných editorov vektorovej grafiky vrátane Adobe Illustratora a Corel Draw podporujú export a import SVG.
OpenOffice.org Draw 1.1 a vyšší exportuje SVG súbory, pre Draw 2.0, existuje dodatočný import pre import SVG.
Inkscape je open source multiplatformový vektorový editor, ktorý používa SVG ako svoj natívny formát. Sodipodi je predchodcom Inkscape a je stále nezávisle vyvíjaný.
Skencil je open source vektorový editor s importom a exportom SVG.
SVGmaker tvorí SVG zo štandardných Windowsových programov vrátane všadeprítomného balíka Office.
Sketsa je proprietárny editor SVG.
Apache Batik je Java toolkit pre aplikácie alebo applety, ktoré chú používať obrázky vo formáte SVG pre rôzne účely ako prehliadanie, tvorba a manipulácia. Batik poskytuje sadu štandardných modulov ako SVG Parser, SVG Generator a SVG DOM; tiež má aplikáciu pre prehliadanie SVG.
SVG Scene toolkit umožňuje vývojárom vytvoriť aplikačné pohľady zostavením SVG obsahového modelu alebo scény. Scénu je možné súčasne zobrazovať vo viacerách oknách, aj na viacerých klientoch. Vykresľovanie SVG vykonáva Cairo a Pango, ktoré zasa podporujú rozličné ciele, napr. Windows, MacOS, PostScript, Xlib.
Together, JFreeChart a OptimalJ od Compuware používajú SVG.

[úprava] Pozri aj

Rich Internet Application
Semantic Web
2D počítačová grafika
3D počítačová grafika
Raster to vector
List of vector graphics markup languages
Comparison of vector graphics markup languages
Comparison of layout engines (graphics)
SVG support for the Wikipedia
SVG images on Wikipedia

[úprava] Externé odkazy

Oficiálne

W3C SVG Pages
SVG.org - SVG Community Website
SVG Wiki - Wiki of SVG information for developers
SVGX

Demá

Software

Knižnice

Tutorialy

Články

Math Games: Vector vs Raster (maa.org) - A list of 31 SVG editors
SVG Open, annual international conference on Scalable Vector Graphics
Article "SVG: A Sure Bet"
Article "SVG Is The Future"
Descriptions from Webreference
Discussion about free implementations
The future of SVG
Magical pictures

SVG clipart

Zdroj: "http://sk.wikipedia.org../../../s/c/a/Scalable_Vector_Graphics_5aea.html"