Grafika wektorowa w L A TEX-u TikZ, PGF Jakub Skalak http://www.fis.agh.edu.pl/~4skalak/ Wydział Fizyki i Informatyki Stosowanej 25 kwietnia 2017 1/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Plan prezentacji Grafika wektorowa - co to jest? Pakiety TikZ i PGF - wstęp TikZ i PGF - formaty plików wektorowych Ładowanie pakietów TikZ i PGF Określanie współrzędnych w pakietach TikZ i PGF Ścieżki - składnia 2/1
Grafika wektorowa - co to jest? Grafika wektorowa (obiektowa) jeden z dwóch podstawowych rodzajów grafiki komputerowej, w której obraz opisany jest za pomocą figur geometrycznych (w przypadku grafiki dwuwymiarowej) lub brył geometrycznych (w przypadku grafiki trójwymiarowej), umiejscowionych w matematycznie zdefiniowanym układzie współrzędnych, odpowiednio dwu- lub trójwymiarowym. [?] 3/1
PGF to pakiet makr wykorzystywanych do generowania grafiki. TikZ to przyjazny(składniowo) użytkownikowi pakiet, dzięki któremu tworzenie grafiki z wykorzystaniem PGF staje się dużo prostsze. 4/1
Formaty plików wektorowych PDF (Portable Document Format) PS (PostScript) SVG (Scalable Vector Graphics) 5/1
Ładowanie pakietów \usepackage{tikz} \usetikzlibrary{ lista bibliotek } Przykładowe biblioteki: "arrows", "automata", "backgrounds", "calendar", "chains", "matrix", "mindmap", "patterns", "shadows", "shapes.geometric", "spy", "trees" 6/1
Ładowanie pakietów \usepackage{tikz} \usetikzlibrary{ lista bibliotek } Przykładowe biblioteki: "arrows", "automata", "backgrounds", "calendar", "chains", "matrix", "mindmap", "patterns", "shadows", "shapes.geometric", "spy", "trees" 6/1
Ładowanie pakietów \usepackage{tikz} \usetikzlibrary{ lista bibliotek } Przykładowe biblioteki: "arrows", "automata", "backgrounds", "calendar", "chains", "matrix", "mindmap", "patterns", "shadows", "shapes.geometric", "spy", "trees" 6/1
Tworzenie grafiki \begin{tikzpicture}[ opcje ] polecenia tikz \end{tikzpicture} \tikz[ opcje ]{ polecenia tikz } 7/1
Tworzenie grafiki \begin{tikzpicture}[ opcje ] polecenia tikz \end{tikzpicture} \tikz[ opcje ]{ polecenia tikz } 7/1
Określanie współrzędnych Współrzędne kartezjańskie (10pt, 123cm) Współrzędne biegunowe (30:1cm) 8/1
Ścieżki - składnia \path[ opcje ] specyfikacja ; Przykładowe opcje: "draw", "fill", "pattern", "shade", "clip" Istnieją skróty, dzięki którym zamiast polecenia: \path[draw] mozna wpisac \draw, \path[fill] mozna wpisac \fill, itd.. 9/1
Ścieżki - składnia \path[ opcje ] specyfikacja ; Przykładowe opcje: "draw", "fill", "pattern", "shade", "clip" Istnieją skróty, dzięki którym zamiast polecenia: \path[draw] mozna wpisac \draw, \path[fill] mozna wpisac \fill, itd.. 9/1
Ścieżki - składnia \path[ opcje ] specyfikacja ; Przykładowe opcje: "draw", "fill", "pattern", "shade", "clip" Istnieją skróty, dzięki którym zamiast polecenia: \path[draw] mozna wpisac \draw, \path[fill] mozna wpisac \fill, itd.. 9/1
\tikz \draw (0,0) circle [radius = 20pt]; \begin{tikzpicture} \draw (0,0) circle (1.2cm); \fill (0,0) circle (1pt); \end{tikzpicture} 10/1
\begin{tikzpicture} \draw[pattern color=red, pattern=fivepointed stars] (0,0) circle (1cm); \draw[pattern color=blue, pattern=fivepointed stars] (0,0) rectangle (3,1); \end{tikzpicture} 11/1
\begin{tikzpicture} \shadedraw [left color=red,right color=blue](0,0) rectangle (2,2); \end{tikzpicture} 12/1
\begin{tikzpicture}[thick,fill opacity=0.5] \filldraw[fill=red] (0:1cm) circle (12mm); \filldraw[fill=green] (120:1cm) circle (12mm); \filldraw[fill=blue] ( 120:1cm) circle (12mm); \end{tikzpicture} 13/1
\begin{tikzpicture} \draw[clip] (0,0) circle (1cm); \fill[red] (1,1) circle (1cm); \end{tikzpicture} 14/1
Lewo Prawo Lewo \begin{tikzpicture} \draw[use as bounding box] (2,0) rectangle (3,1); \draw (1,0) (4,1); \end{tikzpicture} Prawo 15/1
Lewo Prawo Lewo \begin{tikzpicture} \draw (2,0) rectangle (3,1); \draw (1,0) (4,1); \end{tikzpicture} Prawo 16/1
\begin{tikzpicture} \draw[thick,rounded corners=8pt] (0,0) (0,2) (1,3.25) (2,2) (2,0) (0,2) (2,2) (0,0) (2,0); \end{tikzpicture} 17/1
\begin{tikzpicture} \draw[red, dashed, very thick, rotate=30] (1,0) (0,0) (0,1); \end{tikzpicture} 18/1
\begin{tikzpicture} \draw (0,0).. controls (1,1).. (4,0) (5,0).. controls (6,0) and (6,1).. (5,2); \end{tikzpicture} 19/1
\begin{tikzpicture} \draw (0,0) to (3,2); \draw (0,0) to[out=90,in=180] (3,2); \draw (0,0) to[bend right] (3,2); \end{tikzpicture} 20/1
\begin{tikzpicture} \draw [ >] (0,0) (30:20pt); \end{tikzpicture}\newline \newline \begin{tikzpicture} \draw [< >] (1,0) arc (180:30:10pt); \end{tikzpicture}\newline \newline \begin{tikzpicture} \draw [<< >] (2,0) ++(0.5,8pt) ++(0.5, 8pt) ++(0.5,8pt); \end{tikzpicture} 21/1
\draw [help lines] ( 2,0) grid (2,4); \draw [ >] ( 2.2,0) (2.2,0); \draw [ >] (0,0) (0,4.2); \draw [green, thick, domain= 2:2] plot (\x, {4 \x \x}); \draw [domain= 2:2, samples=50] plot (\x, {1+cos(pi \x r)}); 22/1
3rd node 2nd node 1st node \draw[dotted] (0,0) node {1st node} (1,1) node {2nd node} (0,2) node {3rd node} cycle; 23/1
test 1 is aligned left test 2 is centered test 3 is right aligned \filldraw (0,0) circle (2pt) node[align=left, below] {test 1\\is aligned left} (4,0) circle (2pt) node[align=center, below] {test 2\\is centered} (8,0) circle (2pt) node[align=right, below] {test 3\\is right aligned}; 24/1
label 2 1 xdx Hello World! label \path (0,0) node(x) {Hello World!} (3,1) node[circle,draw](y) { 2 xdx}; 1 \draw[ >,blue] (x) (y); \draw[ >,red] (x) node[near start,below] {label} (y); \draw[ >,orange] (x).. controls +(up:1cm) and +(left:1cm).. node[above,sloped] {label} (y); 25/1
Bibliografia https://pl.wikipedia.org/wiki/grafika_wektorowa - 15.04.2017 https://en.wikibooks.org/wiki/latex/pgf/tikz - 17.04.2017 http://pgf.sourceforge.net/pgf_cvs.pdf - 17.04.2017 26/1