Egy jó kép felér ezer szóval.

Hasonló dokumentumok
TikZ, a L A T E X grakája

L A T E X. Móra Péter. Informatika 1 el adás, november 17.

Ábrák készítése TikZ-ben

Kérdés Lista. A Magyarországon alkalmazott rajzlapoknál mekkora az oldalak aránya?

Objektumok és osztályok. Az objektumorientált programozás alapjai. Rajzolás tollal, festés ecsettel. A koordinátarendszer

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK KÖZÉP SZINT Függvények

Objektumorientált programozás Pál László. Sapientia EMTE, Csíkszereda, 2014/2015

Grafika. Egyváltozós függvény grafikonja

A Paint program használata

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK KÖZÉPSZINT Függvények

SZÁMÍTÁSOK A TÁBLÁZATBAN

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK KÖZÉP SZINT Függvények

nyme ktk KTK_symbol.ai méretezés alapok Közgazdaságtudományi Kar emblémája adobe illustrator nyme arculati kézikönyv forrásfájok használata

Függvények Függvények

Word VI. Lábjegyzet. Ebben a részben megadhatjuk, hogy hol szerepeljen a lábjegyzet (oldal alján, szöveg alatt).

AxisVM rácsos tartó GEOMETRIA

Készítette:

Csima Judit március 9. és 16.

Függvények Megoldások

A Vonallánc készlet parancsai lehetővé teszik vonalláncok és sokszögek rajzolását.

Tamás Ferenc: CSS táblázatok 2.

Baran Ágnes. Gyakorlat Függvények, Matlab alapok

Matematika 11 Koordináta geometria. matematika és fizika szakos középiskolai tanár. > o < szeptember 27.

Képek és grafikák használata

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK MEGOLDÁSAI KÖZÉPSZINT Függvények

Számítógépek alkalmazása 2

MÁTRIXFÜGGVÉNYEK, SAJÁT FÜGGVÉNYEK, GRAFIKA

Új prezentáció létrehozása az alapértelmezés szerinti sablon alapján.

b) Ábrázolja ugyanabban a koordinátarendszerben a g függvényt! (2 pont) c) Oldja meg az ( x ) 2

Képek és grafikák. A Beszúrás/Kép parancsot választva beszúrhatunk képet ClipArt gyűjteményből, vagy fájlból. 1. ábra Kép beszúrása

VII. Appletek, grafika

MATLAB alapismeretek IV. Eredmények grafikus megjelenítése: vonalgrafikonok

Első sorozat (2000. május 22. du.) 1. Oldjamegavalós számok halmazán a. cos x + sin2 x cos x. +sinx +sin2x =

Az SVG egy olyan XML alkalmazás, amit vektoros grafikai tartalmak létrehozására fejlesztettek ki.

Programozási környezetek

Imagine Logo Tanmenet évfolyam

Objektum definiálása és szerkesztése

Surfer for Windows alapismeretek. A Surfer for Windows használata (8. verzió) A Surfer fontosabb jellemzői

Rajzoljunk a Flash programmal! FLASH ALAPOK I.

Komputeralgebra rendszerek

Mechatronika segédlet 1. gyakorlat

Java és web programozás

VISUAL BASIC ALAPISMERETEK

Mechatronika segédlet 3. gyakorlat

Rajzolás PowerPoint 2007 programban

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK MEGOLDÁSAI KÖZÉPSZINT Függvények

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13.

4_Gnuplot1. October 11, Jegyzetben az 3. fejezet (36-től 52.-ig oldalig).

MATLAB alapismeretek III.

OpenGL és a mátrixok

Revit alapozó tanfolyam

Térképek jelentése és elemzése

Revit alaptanfolyam szerkezettervezőknek

egyenletrendszert. Az egyenlő együtthatók módszerét alkalmazhatjuk. sin 2 x = 1 és cosy = 0.

Bevezetés a programozásba II 1. gyakorlat. A grafikus könyvtár használata, alakzatok rajzolása

RADPLAN. A Mentum Planet, Mentum Ellipse az InfoVista bejegyzett védjegye, minden jog fenntartva!

Tanulási segédlet 4. osztály

GÉPÉSZETI ALKALMAZOTT SZÁMÍTÁSTECHNIKA f iskolai mérnökhallgatók számára. A 4. gyakorlat anyaga. Adott: Geometriai méretek:

Érettségi feladatok: Koordináta-geometria 1/5

Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 2007

Téglalap kijelölés opciói

Tömbök kezelése. Példa: Vonalkód ellenőrzőjegyének kiszámítása

MATEMATIKA ÉRETTSÉGI TÍPUSFELADATOK MEGOLDÁSAI KÖZÉP SZINT Függvények

QGIS szerkesztések ( verzió) Összeállította: dr. Siki Zoltán verzióra aktualizálta: Jáky András

Érettségi feladatok Koordinátageometria_rendszerezve / 5

Programozási technikák Pál László. Sapientia EMTE, Csíkszereda, 2009/2010

Az informatika kulcsfogalmai

Az MS Word szövegszerkesztés modul részletes tematika listája

Lakóház tervezés ADT 3.3-al. Segédlet

A MATLAB alapjai. Kezdő lépések. Változók. Aktuális mappa Parancs ablak. Előzmények. Részei. Atomerőművek üzemtana

Autodesk Inventor Professional New Default Standard.ipt

Tworzenie padów o niestandardowych ksztatach English

>> x1 = linspace( ); plot(x1,sin(x1),'linewidth',1,'color',[1 0 0]);

QGIS gyakorló. Cím: Pufferzóna előállítása (Buffering) Minta fájl letöltése:

Akciók, diavetítés. 1. ábra Akciógombok. A lap két regiszterfülből áll, ezek a Kattintásra és az Áthaladáskor. Nézzük meg először az elsőt!

Hogyan kezdjük a VUE-val

Matlab alapok. Baran Ágnes. Grafika. Baran Ágnes Matlab alapok Grafika 1 / 21

Az MS Excel táblázatkezelés modul részletes tematika listája

Programozási nyelvek 2. előadás

Információ megjelenítés Számítógépes ábrázolás. Dr. Iványi Péter

Rajz 01 gyakorló feladat

QGIS tanfolyam (ver.2.0)

Corel PHOTO-PAINT X5 Maszkolástól nyomtatásig

Prezentáció. Kategória Tudásterület Hivatkozás Tudáselem 1. Az alkalmazás használata 1.1 Első lépések a prezentációkészítésben

Bevezető. Mi is az a GeoGebra? Tények

CSS3 alapismeretek. Bevezetés a CSS-be. Mi is az a CSS? Alkalmazási formái, szintaxisa

A 2D-s csoport együttesen kezelt elemek halmaza. Az ARCHline.XP 2005 programban kétféle csoportkezelést különböztetünk meg:

x 2 3 y 5 6 x + y 7 9

Adatbázis-kezelés ActiveX vezérl kkel

A Cassini - görbékről

Megjegyzés: A Gnuplot rendelkezik előre definiált függvényekkel, mint a sin(x), cos(x), tan(x), erf(x), atan(x), exp(x) stb.

9. Képaláírás, kereszthivatkozás, tárgymutató és jegyzékek

Négycsuklós mechanizmus modelljének. Adams. elkészítése, kinematikai vizsgálata,

A Microsoft OFFICE. EXCEL táblázatkezelő. program alapjai as verzió használatával

Rekurzió. Dr. Iványi Péter

CabMap hálózat-dokumentáló rendszer

Végeselem módszer 3. gyakorlat

4. Javítás és jegyzetek

A Google Earth felhasználása a térképek készítésében

11. Balra zárt igazítás A bekezdés sorai a bal oldali margóhoz igazodnak. 12. Beillesztés

Átírás:

Bevezetés Egy jó kép felér ezer szóval. Képek és rajzok elősegítik az előadás tartalmának jobb megértését. uegy dián egy kép Felhasznált anyagok: Jan-Philipp Kappmeier How to Tik Z? Meik Hellmund PGF/TikZ- Graphics for L A T E X Norbert Manthey A brief introduction into Tik Z Izsó Tamás (BME) Tikz Date 1 / 32

Képek szerkesztése. Bevezetés pixel grafika saját fényképek Photoshop Paint stb vektor grafika Inkscape CorelDraw Adobe Illustrator TikZEd stb. Izsó Tamás (BME) Tikz Date 2 / 32

Bevezetés TikZ Tik Z vektor grafikát leíró nyelv Két szintet különböztetünk meg TikZ könnyen használható L A T E Xparancsok gyűjteménye PGF (Portable Graphics Format) alacsony szintű parancsok. Előnyök: Illeszkedik a dokumentumhoz. Tetszőleges L A T E Xparancsokat használhatunk. Beamer teljes mértékben támogatja (animációk). Néhány rajzprogram a képet ebbe a formába is ki tudja menteni. Hátrányok: No WYSIWYG Egy ábra elkészítése munkás Izsó Tamás (BME) Tikz Date 3 / 32

Kezdet Bevezetés 1 Tik Z csomag beillesztése 2 Egyéb Tik Z könyvtárak megadása (ha szükséges) 3 Tik Z kód megírása: használjuk a tikzpicture környezetet inline Tik Z a \tikz paranccsal Példa \usepackage{tikz} \usetikzlibrary{shapes,calc}... \begin{tikzpicture}...... \tikz \filldraw[color=thistle] circle (0.5ex); Izsó Tamás (BME) Tikz Date 4 / 32

Alapelvek TikZ alapok Általános elvek A fő szintaktikai elem a path (nyomvonal). A path a koordináták és parancsok sorozata Általános szintaktika: \draw[options] (koordinára) parancs (koordináta)... Értelmezés: menj a ceruzával a megadott helyre, rajzolj valamit... Különböző parancsok lehetnek \draw vonal és alakzat rajzolás \fill belső terület kitöltése \node szöveget tartalmazó zárt alakzat \coordinate láthatatlan koordináta pont megadás Izsó Tamás (BME) Tikz Date 5 / 32

Alakzatok Alapelvek \draw (0, 0) rectangle (2, 1); \draw[color=red] (0, 0) circle (.5); \draw (0, 0) ellipse (.7 and 0.5); \draw[color=green] (40:1) arc (40:160:1); \draw[line width=2pt] (0, 0).. controls(1,1).. (3, 0); Izsó Tamás (BME) Tikz Date 6 / 32

Path rajzolás Alapelvek \draw parancs lépésről lépésre. Parancsok \begin{tikzpicture} \path[draw] (0,0) circle (0.5) (-0.5,-0.5) -- (0.5,0.5) ; Menjünk a (0,0) koordináta pontba. Ne rajzoljunk semmit. Izsó Tamás (BME) Tikz Date 7 / 32

Path rajzolás Alapelvek \draw parancs lépésről lépésre. Parancsok \begin{tikzpicture} \path[draw] (0,0) circle (0.5) (-0.5,-0.5) -- (0.5,0.5) ; Rajzoljunk egy 0.5 sugarú kört. Az aktuális koordináta értéke nem változik. Izsó Tamás (BME) Tikz Date 7 / 32

Path rajzolás Alapelvek \draw parancs lépésről lépésre. Parancsok \begin{tikzpicture} \path[draw] (0,0) circle (0.5) (-0.5,-0.5) -- (0.5,0.5) ; Menjünk a (-0.5,-0.5) koordináta pontba. Izsó Tamás (BME) Tikz Date 7 / 32

Path rajzolás Alapelvek \draw parancs lépésről lépésre. Parancsok \begin{tikzpicture} \path[draw] (0,0) circle (0.5) (-0.5,-0.5) -- (0.5,0.5) ; Rajzoljunk szakaszt a (0.5,0.5) pontig. Izsó Tamás (BME) Tikz Date 7 / 32

Path rajzolás Alapelvek \draw parancs lépésről lépésre. Parancsok \begin{tikzpicture} \path[draw] (0,0) circle (0.5) (-0.5,-0.5) -- (0.5,0.5) ; Path parancs vége. Izsó Tamás (BME) Tikz Date 7 / 32

Második példa Alapelvek \filldraw parancs lépésről lépésre. Geometriai formák \filldraw[fill=periwinkle,thick] (1,0) rectangle +(2,1) -- (3,2); Menjünk a (1,0) koordináta pontba. Nem rajzoljunk semmit. Izsó Tamás (BME) Tikz Date 8 / 32

Második példa Alapelvek \filldraw parancs lépésről lépésre. Geometriai formák \filldraw[fill=periwinkle,thick] (1,0) rectangle +(2,1) -- (3,2); Rajzoljunk egy 2 széles 1 magas négyzetet. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 8 / 32

Második példa Alapelvek \filldraw parancs lépésről lépésre. Geometriai formák \filldraw[fill=periwinkle,thick] (1,0) rectangle +(2,1) -- (3,2); Húzzunk vonalat a (3,2) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 8 / 32

Második példa Alapelvek \filldraw parancs lépésről lépésre. Geometriai formák \filldraw[fill=periwinkle,thick] (1,0) rectangle +(2,1) -- (3,2); Path parancs vége. Izsó Tamás (BME) Tikz Date 8 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Menjünk a (0,0) koordináta pontba. Nem rajzoljunk semmit. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (0,2) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (1,3.25) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Lekerekített sarkok definiálása. Nem rajzoljunk semmit. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (2,2) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (2,0) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (0,2) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (2,2) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (0,0) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Húzzunk vonalat a (2,0) pontba. Az aktuális koordináta értéke változik. Izsó Tamás (BME) Tikz Date 9 / 32

Harmadik példa Alapelvek Vonal rajzoló parancs lépésről lépésre. Kis ház rajzolás \draw<9> (0,0) -- (0,2) -- (1,3.25) {[rounded corners] -- (2,2) -- (2,0)} -- (0,2) -- (2,2) -- (0,0) -- (2,0); Path parancs vége. Izsó Tamás (BME) Tikz Date 9 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw (0,0) circle (0.5); \draw (-0.5,-0.5) -- (0.5,0.5); Rajz az alapértelmezett opciókkal. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue ] (0,0) circle (0.5); \draw (-0.5,-0.5) -- (0.5,0.5); Kör színének a megváltoztatása Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white] (0,0) circle (0.5); \draw (-0.5,-0.5) -- (0.5,0.5); Kör belsejének a kitöltése. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white,fill opacity=0.6] (0,0) circle (0.5); \draw (-0.5,-0.5) -- (0.5,0.5); Átlátszóság definiálás. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white] (0,0) circle (0.5); \draw[thick] (-0.5,-0.5) -- (0.5,0.5); Vonal megvastagítása. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white] (0,0) circle (0.5); \draw[thick,dashed] (-0.5,-0.5) -- (0.5,0.5); Szaggatott vonal rajzolás. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white] (0,0) circle (0.5); \draw[thick,dashed,->] (-0.5,-0.5) -- (0.5,0.5); Nyíl rajzolása. Izsó Tamás (BME) Tikz Date 10 / 32

TikZ opciók Rajz attribútumok beállítása Példa \begin{tikzpicture} \draw [color=blue, fill=blue!20white] (0,0) circle (0.5); \draw[thick,dashed,->,rotate=30] (-0.5,-0.5) -- (0.5,0.5); Forgatás 30 -kal. Izsó Tamás (BME) Tikz Date 10 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \begin{tikzpicture} \draw[orange,very thick](0,0) circle (0.5); \draw[orange,very thick](-0.5,-0.5)--(0.5,0.5); \draw[orange,very thick](0.5,-0.5)--(-0.5,0.5); Minden objektumra külön adjuk meg az opciókat. Izsó Tamás (BME) Tikz Date 11 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \begin{tikzpicture}[orange,very thick] \draw(0,0) circle (0.5); \draw(-0.5,-0.5)--(0.5,0.5); \draw(0.5,-0.5)--(-0.5,0.5); Opciók megadása a teljes rajzra. Izsó Tamás (BME) Tikz Date 11 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \begin{tikzpicture} \draw(0,0) circle (0.5); \begin{scope}[orange, very thick] \draw(-0.5,-0.5)--(0.5,0.5); \draw(0.5,-0.5)--(-0.5,0.5); \end{scope} Opciók megadása szelektíven. Izsó Tamás (BME) Tikz Date 11 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \begin{tikzpicture} [marked/.style={orange,very thick}] \draw(0,0) circle (0.5); \draw[marked](-0.5,-0.5)--(0.5,0.5); \draw[marked](0.5,-0.5)--(-0.5,0.5); Lokális stílus definiálás. Izsó Tamás (BME) Tikz Date 11 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \tikzset{marked/.style={orange,very thick}} \begin{tikzpicture} \draw(0,0) circle (0.5); \draw[marked](-0.5,-0.5)--(0.5,0.5); \draw[marked](0.5,-0.5)--(-0.5,0.5); Globális stílus definiálás. Izsó Tamás (BME) Tikz Date 11 / 32

Rajz attribútumok beállítása Egyszerre több objektum opcióinak a beállítása Példa Opciók beállításának lehetőségei. \tikzset{marked/.style={orange,very thick}} \begin{tikzpicture} \draw(0,0) circle (0.5); \draw[marked,blue](-0.5,-0.5)--(0.5,0.5); \draw[marked,dashed](0.5,-0.5)--(-0.5,0.5); Opciók felüldefiniálása. Izsó Tamás (BME) Tikz Date 11 / 32

Koordináták Koordináták megadása Abszolút koordináta (x,y) \tikz \draw[thick,red](5mm,0)-- (15mm,0); Relatív koordináta +(x,y) \tikz \draw[thick,red](5mm,0)-- +(15mm,0); Névvel rendelkező koordináta (name) \tikz{\coordinate (end) at (15mm,0); \draw[thick,red](0,0)--(end);} Hivatkozás objektumra (obj. name) \tikz{\node (A) at (1,0) {A}; \draw[thick,red](0,0)--(a);} Polár koordináta (szög:rádiusz) \draw[thick,red](0,0)--(30:1);} A Izsó Tamás (BME) Tikz Date 12 / 32

TikZ csomópontok Csomópontok fogalma Példa Tik Z node egy olyan alakzat, amihez szöveget írhatunk. hello \begin{tikzpicture} \path node[shape=circle,draw,color=red] {hello}; A node a path parancs része. Izsó Tamás (BME) Tikz Date 13 / 32

TikZ csomópontok Csomópontok fogalma Példa Tik Z node egy olyan alakzat, amihez szöveget írhatunk. hello \begin{tikzpicture} \node[shape=circle,draw,color=red] {hello}; A node a path parancs része. A \path node parancsot röviden \node-ként is írhatjuk. Izsó Tamás (BME) Tikz Date 13 / 32

TikZ csomópontok Csomópontok fogalma Példa Tik Z node egy olyan alakzat, amihez szöveget írhatunk. hello \begin{tikzpicture} \node[circle,draw,red] {hello}; A node a path parancs része. A \path node parancsot röviden \node-ként is írhatjuk. shape= és color= opciókat el lehet hagyni. Izsó Tamás (BME) Tikz Date 13 / 32

TikZ csomópontok Csomópont parancs megadása \path node [opció] (név) at (koordináta) {szöveg}...; opció vonatkozhat az alakzat formájára, színére, méretére, stb. A megadott névvel lehet hivatkozni a node-ra. A csomópont helyét az at (koordináta) segítségével adhatjuk meg. Ha hiányzik, akkor a program a path aktuális pozíciójával számol. A csomópontba írt szöveg tetszőleges L A T E X parancsokat tartalmazhat. Tik Z-ben az argumentumokat teljesen szabadon adhatjuk meg. hello \tikz \node [circle] at (0,0) [draw] (hello) [red] {hello}; Izsó Tamás (BME) Tikz Date 14 / 32

TikZ csomópontok Csomópontok elhelyezése A csomópontok helyét az egymáshoz viszonyított elhelyezkedésük alapján is megadhatjuk. Például: Rajzoljuk az n2 csomópontot az n1 jobb oldalára. Relatív elhelyezés esetén a positioning könyvtárat kell megadni. \usetikzlibrary{positioning} parancsok right=of (node ref) right= 2cm of (node ref) right= 2cm and 3cm of (node ref) Irányok: left, right, above, below és ezek értelmes kombinációi pl.: below left Izsó Tamás (BME) Tikz Date 15 / 32

TikZ csomópontok Csomópontok elhelyezése Példa az elhelyezésre \begin{tikzpicture}[draw, circle,node distance=2cm] \node[draw] (1) {1}; \node[draw] (2) [below left of=1] {2}; \node[draw] (3) [below right of=2] {3}; \node[draw] (4) [below right of=1] {4}; below left of=1 1 below right of=1 2 below right of=2 4 3 Izsó Tamás (BME) Tikz Date 16 / 32

TikZ csomópontok Csomópontok összekötése 1. Például Két csomópont kapcsolódási pontja (anchor) között tetszőleges path rajzolható. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a.east) -- (b.west); Minden csomópont kapcsolódási pontokat tartalmaz, pl.: east, west, center Izsó Tamás (BME) Tikz Date 17 / 32

TikZ csomópontok Csomópontok összekötése 1. Például Két csomópont kapcsolódási pontja (anchor) között tetszőleges path rajzolható. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) -- (b); Alapértelmezésben az alakzat középpontjába mutat a vonal iránya. Izsó Tamás (BME) Tikz Date 17 / 32

TikZ csomópontok Csomópontok összekötése 1. Például Két csomópont kapcsolódási pontja (anchor) között tetszőleges path rajzolható. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) - (b); Ortogonális öszeköttetés. Izsó Tamás (BME) Tikz Date 17 / 32

TikZ csomópontok Csomópontok összekötése 2. Például Két csomópontot rugalmasan a to path művelettel köthetünk össze. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to (b); Izsó Tamás (BME) Tikz Date 18 / 32

TikZ csomópontok Csomópontok összekötése 2. Például Két csomópontot rugalmasan a to path művelettel köthetünk össze. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] (b); Izsó Tamás (BME) Tikz Date 18 / 32

TikZ csomópontok Csomópontok összekötése 2. Például Két csomópontot rugalmasan a to path művelettel köthetünk össze. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [out=0, in=180] (b); Izsó Tamás (BME) Tikz Date 18 / 32

Feliratok Összekötése feliratozása Például Összeköttetést feliratozhatjuk, ha a path-ba egy node-t szúrunk be. a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] (b); Izsó Tamás (BME) Tikz Date 19 / 32

Feliratok Összekötése feliratozása Például Összeköttetést feliratozhatjuk, ha a path-ba egy node-t szúrunk be. a b a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] node [auto] {a b} (b); Izsó Tamás (BME) Tikz Date 19 / 32

Feliratok Összekötése feliratozása Például Összeköttetést feliratozhatjuk, ha a path-ba egy node-t szúrunk be. a a b b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] node [auto,swap] {a b} (b); Izsó Tamás (BME) Tikz Date 19 / 32

Feliratok Összekötése feliratozása Például Összeköttetést feliratozhatjuk, ha a path-ba egy node-t szúrunk be. a b a b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] node [left]{a b} (b); Izsó Tamás (BME) Tikz Date 19 / 32

Feliratok Összekötése feliratozása Például Összeköttetést feliratozhatjuk, ha a path-ba egy node-t szúrunk be. a a b b \begin{tikzpicture}[circle,>=latex ] \node[draw] (a) {a}; \node[draw] (b) [above right=of a] {b}; \draw[->] (a) to [bend left=45] node [sloped, pos=0.5, xshift=0.1cm, yshift=0.2cm] {a b} (b); Izsó Tamás (BME) Tikz Date 19 / 32

Feliratok Ismétlődő elemek rajzolása Például Létezik ciklusszervező utasítás, mellyel ismétlődő objektumokat tudunk kirajzolni. A ciklusokat egymásba lehet ágyazni. \begin{tikzpicture} \foreach \x in {1,2,3} { \draw [blue, ultra thick] (\x,0) circle [radius=0.3]; } Izsó Tamás (BME) Tikz Date 20 / 32

Ciklusok Ismétlődő elemek rajzolása foreach ciklusváltozója lehet pár, hármas, többes érték is. Az értékeket / karakterrel kell elválasztani. Gráf rajzolás \tikzstyle{vertex}=[draw,circle,fill=gray, minimum size=20pt] \tikzstyle{edge}=[draw,thick,-] \tikzstyle{weight}=[font=\small,sloped, above] \foreach \pos /\name in {{(0,2)/a},{(2,1)/b},{(4,1)/c}, {(0,0)/d},{(3,0)/e},{(2,-1)/f},{(4,-1)/g}} \node[vertex] (\name ) at \pos {$\name$}; \foreach \source /\dest /\weight in {b/a/7,c/b/8,d/a/5, d/b/9,e/b/7,e/c/5,e/d/15,f/d/6,f/e/8,g/e/9,g/f/11} \path[edge](\source)--node[weight] {$\weight$} (\dest); Izsó Tamás (BME) Tikz Date 21 / 32

Ciklusok Ismétlődő elemek rajzolása Gráf rajzolás 5 a d 9 7 6 15 b f 8 7 8 5 e 11 9 c g Izsó Tamás (BME) Tikz Date 22 / 32

Metszet számítás Ciklusok A metszet kiszámításához a \usetikzlibrary{calc,through} könyvtárakra van szükség. C D A B E \begin{tikzpicture} \coordinate [label=left:$a$] (A) at (0,0); \coordinate [label=right:$b$] (B) at (1.25,0.25); \draw (A) -- (B); \node (D) [draw,circle through=(b),label=left:$d$] at (A) {}; \node (E) [draw,circle through=(a),label=right:$e$] at (B) {}; \coordinate[label=above:$c$] (C) at (intersection 2 of D and E); \draw [red] (A) -- (C); \draw [red] (B) -- (C); Izsó Tamás (BME) Tikz Date 23 / 32

Ciklusok Áthivatkozás egyik tikz környezetből a másikra Első lépésként globálisan meg kell adni a \tikzstyle{every picture}+=[remember picture] parancsot. Meg kell adni a paths parancsra az overlay opciót. A fent definiált "paths", és ez is, tulajdonképpen egy TikZ node, amit a következő képen hoztunk létre:... adni a \tikz[baseline,inner sep=0] \node[anchor=base](n1) {paths}; parancsra... A végén egy nyilat rajzolunk \tikz[overlay]\draw[thick,green,->] (n2) -- (n1); a pdflatex-et futtassuk le kétszer egymás után. Izsó Tamás (BME) Tikz Date 24 / 32

grafikonok Grafikonok, függvények rajzolása \usepackage{pgfplots} csomagot kell használni. Az grafikon értékeit gnuplot stílusú fájl is tartalmazhatja. \begin{tikzpicture} \begin{axis}[domain=-360:360, samples =80, width=10cm,height=7cm, xmax =800] \addplot[color=red, mark=x] coordinates { ( -200, -1) ( -133, -1.2) ( -66, -2) (0, -2.5) (66, -4) (133, -5) (200, -7) }; \addplot[color= blue]{sin(x)}; \addplot[color= green]{-4+x /90+ cos(x *2)}; \end{axis} Izsó Tamás (BME) Tikz Date 25 / 32

2D rajz grafikonok Grafikon rajzolás 0 2 4 6 8 400 200 0 200 400 600 800 Izsó Tamás (BME) Tikz Date 26 / 32

grafikonok Grafikonok és függvények rajzolása 3 dimenziós ábrát is készíthetünk. \begin{tikzpicture} \begin{axis} \addplot3[surf,domain=0:360,samples =50] {sin(x)* sin(y )}; \end{axis} 1 0 1 0 100 200 300 0 200 Izsó Tamás (BME) Tikz Date 27 / 32

COGA embléma grafikonok Combinatorical Optimization Graph Algorithm emblémája az 5 elemű kerék. Gráf rajzolás \begin{tikzpicture} \node [fill,circle,draw, RoyalBlue ] at (0,1) {}; \node [fill,circle,draw, RoyalBlue ] at ( -0.9511,0.3091) {}; \node [fill,circle,draw, RoyalBlue ] at ( -0.5878, -0.8091) {}; \node [fill,circle,draw, RoyalBlue ] at (0.5878, -0.8091) {}; \node [fill,circle,draw, RoyalBlue ] at (0.9511,0.3091) {}; \node [fill,circle,draw, RoyalBlue ] at (0,0) {}; \draw [red ] (0,1) to ( -0.9511,0.3091) to ( -0.5878, -0.8091) to (0.5878, -0.8091) to (0.9511,0.3091) to (0,1); \draw [red ] (0,0) to (0,1) (0,0) to ( -0.9511,0.3091) (0,0) to ( -0.5878, -0.8091) (0,0) to (0.5878, -0.8091) (0,0) to (0.9511,0.3091); Izsó Tamás (BME) Tikz Date 28 / 32

grafikonok COGA embléma kevesebb számítással \pgfmathsetmacro{\x}{képlet} Az \x változó hordozza a matematikai képlet eredményét. \pgfmathparse{képlet} az eredményt a \pgfmathresult fogja tartalmazni. COGA embléma rajzolás \begin{tikzpicture} \pgfmathsetmacro {\xa }{ cos (90)} \pgfmathsetmacro {\ya }{ sin (90)} \pgfmathsetmacro {\xb }{ cos (90+72)} \pgfmathsetmacro {\yb }{ sin (90+72)}... \node [fill,circle,draw, RoyalBlue ] (1) at (\xa,\ya) {}; \node [fill,circle,draw, RoyalBlue ] (2) at (\xb,\yb) {};... \draw [red ] (1) to (2) to (3) to (4) to (5) to (1); \draw [red ] (0) to (1) (0) to (2) (0) to (3) (0) to (4)... Izsó Tamás (BME) Tikz Date 29 / 32

grafikonok COGA embléma rajzolás polár koordináták segítségével COGA embléma rajzolás \begin{tikzpicture} \node[fill,circle,draw,royalblue] (1) at (90+0*72:1){}; \node[fill,circle,draw,royalblue] (2) at (90+1*72:1){}; \node[fill,circle,draw,royalblue] (3) at (90+2*72:1){}; \node[fill,circle,draw,royalblue] (4) at (90+3*72:1){}; \node[fill,circle,draw,royalblue] (5) at (90+4*72:1){}; \node[fill,circle,draw,royalblue] (0) at (0,0) {}; \draw[red] (1) to (2) to (3) to (4) to (5) to (1); \draw[red] (0) to (1) (0) to (2) (0) to (3) (0) to (4)... Izsó Tamás (BME) Tikz Date 30 / 32

Feladatok grafikonok 1 Rajzoljon egy állapotgépet, amely hasonlít a lenti ábrára. T T T N T N N N 2 A második, harmadik és negyedik állapotot foreach paranccsal hozza létre. 3 Valósítsa meg a következő dián látható folyamatábrát. Izsó Tamás (BME) Tikz Date 31 / 32

Feladatok grafikonok 1 Rajzoljon egy állapotgépet, amely hasonlít a lenti ábrára. T T T N T N N N 2 A második, harmadik és negyedik állapotot foreach paranccsal hozza létre. 3 Valósítsa meg a következő dián látható folyamatábrát. Izsó Tamás (BME) Tikz Date 31 / 32

Feladatok grafikonok B1 b = &d B2 c = b B3 a = &b B5 a = &c B4 a = b B6 a = a B7 b = c Izsó Tamás (BME) Tikz Date 32 / 32