Wie färbe ich Flächen in neuen TikZ Shapes ein?

Diese Frage schließt sich meiner Frage "Wie erstelle ich neue Shapes in TikZ" an.

Ich würde gerne die Flächen der Dreiecke in grau Einfärben und den Bildschirm schwarz (am besten mit Shading). Ich habe versucht mit \pgfusepath{fill} die Flächen zu füllen, aber da ist gleich das ganze Shape eingefärbt worden. Dann habe ich versucht die Paths die ich füllen möchte in ein Scope zu packen, was aber nicht geklappt hat.

Nun zur konkreten Frage: Wie kann ich die Flächen (Screen und Triangles) noch einfärben?

pgf tikz

gefragt 26 Feb '14, 16:42

funkytex
177●3●3●7
Akzeptiert-Rate: 0%

Eine Antwort:

active answers älteste Antworten neueste Antworten Beliebteste Antworten

Update

Wenn man den Vorschlag von esdd auf das Beispiel umsetzt, liegen die Füllflächen leider über der inneren Hälfte der Umrandungslinien. Um dies zu umgehen kann man mit \tikz@mode die Zeichenmodi laden und mit \iftikz@mode@draw überprüfen, ob nur gefüllt oder auch gezeichnet werden soll.¹

Wahrscheinlich kann man die Teile, die im \beforebackgroundpath sind, aus dem \backgroundpath entfernen.

¹: Vielleicht muss man die Modes noch wieder deaktivieren, um unvorhersehbares Verhalten zu vermeiden. Bitte um Rückmeldung.

Code

Open in writeLaTeX

Code, hier editierbar zum Übersetzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass[paper=20cm:10cm, pagesize]{scrartcl}
\usepackage{tikz}
\pagestyle{empty}
\makeatletter
\pgfdeclareshape{computer}{%
    % inherit anchors
    \inheritsavedanchors[from=rectangle]
    \inheritanchorborder[from=rectangle]
    \inheritanchor[from=rectangle]{center}
    \inheritanchor[from=rectangle]{north}
    \inheritanchor[from=rectangle]{south}
    \inheritanchor[from=rectangle]{west}
    \inheritanchor[from=rectangle]{east}
    \backgroundpath{
        %%% DRAW OUTLINE OF SHAPE %%%
        % store lower left in xa/ya and upper right in xb/yb
        \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
        \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y 
        % move to point xb/yb (north east)
        \pgfpathmoveto{\pgfpoint{\pgf@xb}{\pgf@yb}}
        % draw a line between upper right (xb,yb) and upper left (xa,yb)
        \pgfpathlineto{\pgfpoint{\pgf@xa}{\pgf@yb}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xa}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xa}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xb}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xb}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{.2\pgf@ya}}
        \pgfpathclose
        %%% DRAW SCREEN %%%
        \pgfpathmoveto{\pgfpoint{.85\pgf@xb}{.85\pgf@yb}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xa}{.85\pgf@yb}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xa}{.05\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xb}{.05\pgf@ya}}
        \pgfpathclose
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Ergebnis

Ursprüngliche Antwort:

Pfade benutzen

Du musst die Pfade benutzen, wenn sie fertig sind. PGF scheint dies am Ende automatisch zu tun. Wenn du einzelne Teile unterschiedlich verwenden willst, musst du das aber explizit tun. Dafür dient \pgfusepath{stroke}.

Nur die Füllfarbe definieren

Die Füllfarbe solltest du mit \pgfsetfillcolor setzten. \color setzt ebenfalls die Strichfarbe.

Code

Open in writeLaTeX

Code, hier editierbar zum Übersetzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass[a5paper, pagesize]{scrartcl}
\usepackage{tikz}
\makeatletter
\pgfdeclareshape{computer}{%
    % inherit anchors
    \inheritsavedanchors[from=rectangle]
    \inheritanchorborder[from=rectangle]
    \inheritanchor[from=rectangle]{center}
    \inheritanchor[from=rectangle]{north}
    \inheritanchor[from=rectangle]{south}
    \inheritanchor[from=rectangle]{west}
    \inheritanchor[from=rectangle]{east}
    \backgroundpath{
        %%% DRAW OUTLINE OF SHAPE %%%
        % store lower left in xa/ya and upper right in xb/yb
        \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
        \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y 
        % move to point xb/yb (north east)
        \pgfpathmoveto{\pgfpoint{\pgf@xb}{\pgf@yb}}
        % draw a line between upper right (xb,yb) and upper left (xa,yb)
        \pgfpathlineto{\pgfpoint{\pgf@xa}{\pgf@yb}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xa}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xa}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xb}{.5\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.3\pgf@xb}{.2\pgf@ya}}
        \pgfpathlineto{\pgfpoint{\pgf@xb}{.2\pgf@ya}}
        \pgfpathclose
        \pgfusepath{stroke}
        %%% DRAW SCREEN %%%
        \pgfsetfillcolor{black}
        \pgfpathmoveto{\pgfpoint{.85\pgf@xb}{.85\pgf@yb}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xa}{.85\pgf@yb}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xa}{.05\pgf@ya}}
        \pgfpathlineto{\pgfpoint{.85\pgf@xb}{.05\pgf@ya}}
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Permanenter link

beantwortet 27 Feb '14, 11:23

sudo
2.0k●6●15●21
Akzeptiert-Rate: 39%

bearbeitet 01 Mär '14, 15:39

Vielen Dank für die Antwort, das hilft mir auf jeden Fall weiter.

(27 Feb '14, 19:12) funkytex

In \backgroundpath sollte man nicht vorschreiben, was mit diesem Pfad passiert, d.h. ob er gezeichnet, gefüllt oder zum Beispiel auch weggelassen wird. Das übernehmen dann die Optionen beim Zeichnen des Shapes. Will man bestimmte Dinge immer ausführen lassen, dann muss man einen der anderen Befehle wie \behindbackgroundpath oder \beforebackgroundpath verwenden. Infos zu diesen Befehlen findet man in der Dokumentation zu pgf.

Hier ist mal Beispiel, bei dem der Hintergrund des Textes immer schwarz sein soll, der Abstand zwischen Textbox und Rand (also der inner sep) dagegen entsprechend den Vorgaben für fill gefüllt werden soll.

Open in writeLaTeX

Code, hier editierbar zum Übersetzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass[margin=5mm]{standalone}
\usepackage{tikz}
\makeatletter
\pgfdeclareshape{myrec}{
  \inheritsavedanchors[from=rectangle]
  \inheritanchorborder[from=rectangle]
  \inheritanchor[from=rectangle]{center}
  \inheritanchor[from=rectangle]{north}
  \inheritanchor[from=rectangle]{south}
  \inheritanchor[from=rectangle]{west}
  \inheritanchor[from=rectangle]{east}
   %... and possibly more
  \backgroundpath{%
    \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
    \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y
    \pgfmathsetlength\pgf@xc{\pgfkeysvalueof{/pgf/outer xsep}}
    \pgfmathsetlength\pgf@yc{\pgfkeysvalueof{/pgf/outer ysep}}
    \advance \pgf@xa by \pgf@xc
    \advance \pgf@ya by \pgf@yc
    \advance \pgf@xb by -\pgf@xc
    \advance \pgf@yb by -\pgf@yc
    \pgfmoveto{\pgfpoint{\pgf@xa}{\pgf@ya}}
    \pgflineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
    \pgflineto{\pgfpoint{\pgf@xb}{\pgf@yb}}
    \pgflineto{\pgfpoint{\pgf@xa}{\pgf@yb}}
    \pgfclosepath
  }
  \beforebackgroundpath{
    \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
    \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y
    \pgfmathsetlength\pgf@xc{\pgfkeysvalueof{/pgf/outer xsep}}
    \advance \pgf@xc by \pgfkeysvalueof{/pgf/inner xsep}
    \pgfmathsetlength\pgf@yc{\pgfkeysvalueof{/pgf/outer ysep}}
    \advance \pgf@yc by \pgfkeysvalueof{/pgf/inner ysep}
    \advance \pgf@xa by \pgf@xc
    \advance \pgf@ya by \pgf@yc
    \advance \pgf@xb by -\pgf@xc
    \advance \pgf@yb by -\pgf@yc
    \pgfsetfillcolor{black}
    \pgfmoveto{\pgfpoint{\pgf@xa}{\pgf@ya}}
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

alt text

In \beforebackgroundpath lässt sich natürlich auch ein Shading vorgeben:

Open in writeLaTeX

Code, hier editierbar zum Übersetzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass[margin=5mm]{standalone}
\usepackage{tikz}
\makeatletter
\pgfdeclareshape{myrec}{
  \inheritsavedanchors[from=rectangle]
  \inheritanchorborder[from=rectangle]
  \inheritanchor[from=rectangle]{center}
  \inheritanchor[from=rectangle]{north}
  \inheritanchor[from=rectangle]{south}
  \inheritanchor[from=rectangle]{west}
  \inheritanchor[from=rectangle]{east}
   %... and possibly more
  \backgroundpath{%
    \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
    \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y
    \pgfmathsetlength\pgf@xc{\pgfkeysvalueof{/pgf/outer xsep}}
    \pgfmathsetlength\pgf@yc{\pgfkeysvalueof{/pgf/outer ysep}}
    \advance \pgf@xa by \pgf@xc
    \advance \pgf@ya by \pgf@yc
    \advance \pgf@xb by -\pgf@xc
    \advance \pgf@yb by -\pgf@yc
    \pgfmoveto{\pgfpoint{\pgf@xa}{\pgf@ya}}
    \pgflineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
    \pgflineto{\pgfpoint{\pgf@xb}{\pgf@yb}}
    \pgflineto{\pgfpoint{\pgf@xa}{\pgf@yb}}
    \pgfclosepath
  }
  \beforebackgroundpath{
    \southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
    \northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y
    \pgfmathsetlength\pgf@xc{\pgfkeysvalueof{/pgf/outer xsep}}
    \advance \pgf@xc by \pgfkeysvalueof{/pgf/inner xsep}
    \pgfmathsetlength\pgf@yc{\pgfkeysvalueof{/pgf/outer ysep}}
    \advance \pgf@yc by \pgfkeysvalueof{/pgf/inner ysep}
    \advance \pgf@xa by \pgf@xc
    \advance \pgf@ya by \pgf@yc
    \advance \pgf@xb by -\pgf@xc
    \advance \pgf@yb by -\pgf@yc
    \pgfmoveto{\pgfpoint{\pgf@xa}{\pgf@ya}}
    \pgflineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

alt text

Permanenter link

beantwortet 28 Feb '14, 09:53

esdd
17.8k●30●42●57
Akzeptiert-Rate: 62%

Deine Antwort

[Vorschau ausblenden]

Community Wiki:

Folgen dieser Frage

Per E-Mail:

Wenn sie sich anmelden, kommen Sie für alle Updates hier in Frage

Per RSS:

Antworten

Antworten und Kommentare

Frage-Themen:

tikz ×731
pgf ×27

gestellte Frage: 26 Feb '14, 16:42

Frage wurde gesehen: 13,903 Mal

zuletzt geändert: 01 Mär '14, 15:39

Wie färbe ich Flächen in neuen TikZ Shapes ein?

Update

Code

Ergebnis

Pfade benutzen

Nur die Füllfarbe definieren

Code

Folgen dieser Frage

verwandte Fragen