O que é um edge?

Question

Estou tentando criar diagramas de frações para crianças usando TikZ.

Existe uma maneira elegante de fixar o topo deste diagrama de 1/2 de uma forma que seja dimensionada quando eu quiser mostrar, digamos 29/6 com triângulos... e eventualmente outras formas? Parece que as interseções de caminhos que se encontram em ângulos diferentes de 90 graus não se cruzam da maneira que eu quero...

\documentclass{article}

\usepackage{tikz}
\usepackage{xcolor}

\begin{document}

\(\frac{1}{2}\)

\begin{tikzpicture}
\filldraw[fill=gray, draw=black, thick] (0,0)--(1,0)--(1,2)--cycle;
\draw[thick] (1,0)--(2,0)--(1,2)--cycle;
\end{tikzpicture}

\end{document}

Answer 1

Não tenho certeza se é isso que você quer, mas olhando a imagem vinculada, parece que sim: peguei emprestado um código deIgnasi's answerparaComo desenhar uma grade triangular no TikZ?. Como a grade triangular é construída com \nodes, você pode facilmente usar suas âncoras para fazer o preenchimento, que coloquei na backgroundcamada:

O código:

\documentclass[tikz,border=2mm]{standalone}
\usetikzlibrary{shapes,backgrounds}

\newcommand\grid[1]{
\foreach \i [count=\row from 0, remember=\row as \lastrow (initially 0)] in {0,...,#1}
  {
  \foreach \j [count=\column from 0, remember=\column as \lastcolumn (initially 0)] in {0,...,\i}
    {
    \ifnum\row=0
      \node[tri](0-0) {};
    \else
      \ifnum\column=0
        \node[tri, anchor=north](\row-0) at (\lastrow-0.corner 2) {};
      \else
         \node[tri, anchor=north](\row-\column) at (\lastrow-\lastcolumn.corner 3) {};
      \fi
    \fi
    }
  }
}

\begin{document}

\begin{tikzpicture}[
tri/.style={
  draw,
  regular polygon,
  regular polygon sides=3, 
  minimum size=2cm, 
  inner sep=0pt,
  outer sep=0pt,
  line width=1pt
  }
]
\grid{3}
\begin{pgfonlayer}{background}
  \filldraw[cyan!30] 
    (0-0.corner 1) -- 
    (3-3.corner 3) -- 
    (3-0.corner 2) -- 
    cycle;
\end{pgfonlayer}

\begin{scope}[xshift=8cm]
\grid{3}
\begin{pgfonlayer}{background}
  \filldraw[cyan!30] 
    (3-0.corner 1) -- 
    (3-3.corner 1) -- 
    (3-3.corner 3) -- 
    (3-0.corner 2) -- 
    cycle;
\end{pgfonlayer}
\end{scope}

\begin{scope}[yshift=-8cm]
\grid{3}
\begin{pgfonlayer}{background}
  \filldraw[cyan!30] 
    (2-0.corner 1) -- 
    (2-2.corner 1) -- 
    (3-1.corner 3) -- 
    cycle;
\end{pgfonlayer}
\end{scope}

\begin{scope}[xshift=8cm,yshift=-8cm]
\grid{3}
\begin{pgfonlayer}{background}
  \filldraw[cyan!30] 
    (0-0.corner 1) -- 
    (3-1.corner 3) -- 
    (3-0.corner 2) -- 
    cycle;
\end{pgfonlayer}
\draw[line width=1pt]
  (0-0.corner 1) -- (3-1.corner 3);
\end{scope}
\end{tikzpicture}

\end{document}

Answer 2

Uma maneira é preencher primeiro e depois desenhar um único caminho:

\documentclass[tikz,border=10pt]{standalone}
\begin{document}
\begin{tikzpicture}
  \fill [fill=gray] (0,0)--(1,0)--(1,2)--cycle;
  \draw[thick] (0,0) -- (1,2) edge (1,0) -- (2,0) -- cycle;
\end{tikzpicture}
\end{document}

O que é um edge?

An edgeé um trecho independente de caminho que pode seguir em uma direção diferente e pode ser traçado (ou não) com opções completamente diferentes do caminho principal. Não atrapalha o caminho principal. Neste caso, edgedesenha a perpendicular para baixo, mas o caminho principal continua a partir do vértice como se não edgetivesse sido especificado. edges são úteis para caminhos complexos, especialmente. Eles são construídos após o caminho principal.

Para ver o que está acontecendo, altere a especificação do caminho da seguinte forma:

\draw[thick] (0,0) -- (1,2) edge [red] (1,0) -- (2,0) -- cycle;

Por padrão, o edgeherda opções do caminho principal, então este é thick, mas, ao contrário do caminho principal, é red. Na imagem acima, é claro, nenhuma opção distinta foi especificada, então essa edgetambém era a cor padrão e combinada com o caminho principal.