Cílem této bakalářské práce je podrobně popsat grafický formát SVG. Celá práce je rozdělena do několika kapitol, ve kterých jsou popsány jednotlivé vlastnosti formátu SVG. Tyto vlastnosti jsou v každé kapitole demonstrovány na názorných ukázkách. V rámci praktické části je vytvořeno několik ukázkových aplikací a jedna aplikace rozsáhlejšího charakteru. Součástí práce je elektronická dokumentace, která obsahuje popis jednotlivých elementů grafického formátu SVG a jejich atributů.
Annotation in English
The goal of this work is to describe graphic format SVG in details. The thesis is divided into several chapters, which deal with specific characteristics of SVG format. There are made some model applications and one detailed application within the project part. Part of this thesis is also an electronic documentation, which contains a description of particular elements of graphic format SVG and their attributes.
Keywords
SVG, JavaScript, HTML, kreslení, webová grafika
Keywords in English
SVG, JavaScript, HTML, drawing, web graphics
Length of the covering note
69 s. (62 817)
Language
CZ
Annotation
Cílem této bakalářské práce je podrobně popsat grafický formát SVG. Celá práce je rozdělena do několika kapitol, ve kterých jsou popsány jednotlivé vlastnosti formátu SVG. Tyto vlastnosti jsou v každé kapitole demonstrovány na názorných ukázkách. V rámci praktické části je vytvořeno několik ukázkových aplikací a jedna aplikace rozsáhlejšího charakteru. Součástí práce je elektronická dokumentace, která obsahuje popis jednotlivých elementů grafického formátu SVG a jejich atributů.
Annotation in English
The goal of this work is to describe graphic format SVG in details. The thesis is divided into several chapters, which deal with specific characteristics of SVG format. There are made some model applications and one detailed application within the project part. Part of this thesis is also an electronic documentation, which contains a description of particular elements of graphic format SVG and their attributes.
Keywords
SVG, JavaScript, HTML, kreslení, webová grafika
Keywords in English
SVG, JavaScript, HTML, drawing, web graphics
Research Plan
Vytvořte literární rešerši na zadané téma.
Seznamte se s interaktivním vektorovým grafickým formátem SVG. V práci jej podrobně popište.
Vytvořte několik jednodušších demonstračních aplikací, ve kterých vyniknou výhody a oblasti použití tohoto grafického formátu.
Vytvořte HTML aplikaci rozsáhlejšího charakteru, na které budou demonstrovány hranice použitelnosti interaktivity tohoto formátu.
Ke grafickému formátu SVG vytvořte podrobnou elektronickou dokumentaci.
Research Plan
Vytvořte literární rešerši na zadané téma.
Seznamte se s interaktivním vektorovým grafickým formátem SVG. V práci jej podrobně popište.
Vytvořte několik jednodušších demonstračních aplikací, ve kterých vyniknou výhody a oblasti použití tohoto grafického formátu.
Vytvořte HTML aplikaci rozsáhlejšího charakteru, na které budou demonstrovány hranice použitelnosti interaktivity tohoto formátu.
Ke grafickému formátu SVG vytvořte podrobnou elektronickou dokumentaci.
Recommended resources
HEROUT, Pavel. XSLT 2.0 a SVG prakticky. České Budějovice: KOPP, 2010. ISBN 978-80-7232-406-4.
HEJRAL, Martin. Kurz SVG. Kurz SVG - struktura dokumentu, zobrazovací a vykreslovací model [online]. 2004 [cit. 2013-01-23]. Dostupné z: http://interval.cz/clanky/kurz-svg-struktura-dokumentu-zobrazovaci-a-vykreslovaci-model
SVG - Vektorová grafika. BUKVIČKA, Tomáš. Studium.vos-sps-jicin.cz [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://studium.vos-sps-jicin.cz/svg/index.php
W3School: SVG Tutorial [online]. c1999-2013 [cit. 2013-02-01]. Dostupné z: http://www.w3schools.com/svg/default.asp
W3C: Scalable Vector Graphics (SVG) 1.1. (Second Edition) [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://www.w3.org/TR/SVG11
Recommended resources
HEROUT, Pavel. XSLT 2.0 a SVG prakticky. České Budějovice: KOPP, 2010. ISBN 978-80-7232-406-4.
HEJRAL, Martin. Kurz SVG. Kurz SVG - struktura dokumentu, zobrazovací a vykreslovací model [online]. 2004 [cit. 2013-01-23]. Dostupné z: http://interval.cz/clanky/kurz-svg-struktura-dokumentu-zobrazovaci-a-vykreslovaci-model
SVG - Vektorová grafika. BUKVIČKA, Tomáš. Studium.vos-sps-jicin.cz [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://studium.vos-sps-jicin.cz/svg/index.php
W3School: SVG Tutorial [online]. c1999-2013 [cit. 2013-02-01]. Dostupné z: http://www.w3schools.com/svg/default.asp
W3C: Scalable Vector Graphics (SVG) 1.1. (Second Edition) [online]. 2011 [cit. 2013-01-23]. Dostupné z: http://www.w3.org/TR/SVG11
Týká se praxe
No
Enclosed appendices
Text - elektronická verze této práce ve formátu doc a pdf
- uživatelské příručka SVG ve formátu doc a pdf
Kódy - zdrojové kódy k jednotlivým SVG obrázkům
Obrázek - zakoupené mapa Zlína od Zeměměřičského úřadu
- obrázek káčete
-panel SVG editoru
