120 likes | 199 Views
DIGITÁLNÍ UČEBNÍ MATERIÁL. Vektorová počítačová grafika. Vektorová počítačová grafika obrázek je složen se základních geometrických tvarů např. body, křivky, mnohoúhelníky každý tento útvar má definované vlastnosti např. sílu čáry, barvu čáry, barvu výplně, pozice.
E N D
Vektorová počítačová grafika • obrázek je složen se základních geometrických tvarů • např. body, křivky, mnohoúhelníky • každý tento útvar má definované vlastnosti • např. sílu čáry, barvu čáry, barvu výplně, pozice Vektorová grafika [1]
Výhody • obrázek je možné zvětšovat nebo zmenšovat bez ztráty kvality • vektorový soubor má obvykle menší datovou velikost • v obrázku lze pracovat s každým objektem jednotlivě Vektorová grafika [2]
Nevýhody • složitější pořízení obrázku oproti rastrové grafice • obrázky, které obsahují větší množství objektů zatěžují operační paměť a procesor • omezené možnosti při zobrazování obrazů reálného světa Vektorová grafika
Obrázek pořízený digitálním fotoaparátem. Vektorová grafika [4] [3] Obrázek pořízený ve vektorovém grafickém editoru.
Použití vektorové grafiky • počítačová sazba, ilustrace • diagramy, schémata • animace • loga • písma Vektorová grafika
Základní vektorové formáty a editory • .cdr – CorellDraw (komerční) • .zmf – ZonerCallisto (komerční, verze 5 freeware) • .ai – Adobe Illustrator (komerční) • .pdf – může být vektorový i rastrový formát • .svg – otevřený formát, popisující objekty pomocí XML • Další vektorové editory • Inkscape – open source editor • XaraXtreme – shareware Vektorová grafika
SVG – ScalableVectorGraphics • otevřený formát • umožňuje vložit kód SVG obrázku přímo do kódu HTML webové stránky • nezávislý na platformě • objekty jsou popsány pomocí XML -> snadné strojové čtení a zpracování • není vhodný pro rastrovou grafiku SVG
Ukázka obrázku v SVG a jeho zdrojového kódu v XML. <?xmlversion="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svgxmlns="http://www.w3.org/2000/svg" width="467" height="462"> <rect x="80" y="60" width="250" height="250" rx="20" style="fill:#ff0000; stroke:#000000;stroke-width:2px;" /> <rect x="140" y="120" width="250" height="250" rx="40" style="fill:#0000ff; stroke:#000000; stroke-width:2px; fill-opacity:0.7;" /></svg> SVG [5]
Použité obrázky [1] Dostupný pod CreativeCommons, Autor DarthStabro, http://upload.wikimedia.org/wikipedia/commons/a/aa/VectorBitmapExample.svg, online, cit. 13.4.2014 [2] Dostupný pod CreativeCommons, Autor: P. Jaworski, http://upload.wikimedia.org/wikipedia/commons/b/b4/Inkscapepiom1.png, online, cit. 13.4.2014 [3] Dostupný pod CreativeCommons, Autor: Daniel G., http://upload.wikimedia.org/wikipedia/commons/c/c7/Tj-loco.jpg, online, cit. 13.4.2014 [4] Dostupný pod CreativeCommons, Autor: Daniel G, http://upload.wikimedia.org/wikipedia/commons/6/65/Tj-loco-vec.png, online, cit. 13.4.2014 [5] Dostupný pod Public domain, Autor: Nethac DIU, http://upload.wikimedia.org/wikipedia/commons/e/e8/Svg_example3.svg, online, cit. 13.4.2014 Vektorová grafika
Použité zdroje http://cs.wikipedia.org/wiki/Vektorov%C3%A1_grafika http://cs.wikipedia.org/wiki/Scalable_Vector_Graphics Vektorová grafika