Tikz 节点中的三种颜色

Question 1

以下是我们通过以下方法实现这一目标的方法path picture：

按键可用于改变段的颜色。（如果您使用三个以上，则需要通过初始化它们。）node split color nnode split color 4/.initial=black

关键node split radius设置为，1因为我正在设置一个自定义坐标系，其中1是圆形节点的半径。

对于rectangle形状，此项设置为sqrt(2)包含所有角。（还有其他方法可以扩展到非圆形。这种方法会扭曲非正方形矩形的角度。）

您现在可以放置任何您想要的节点（尽管circle最有意义）并使用node split... 键添加分区。

我已经添加了你的例子使用tikzcd它使用 TikZ\matrix将节点放置在网格上。

代码

\documentclass[tikz,border=1mm]{standalone}
\usetikzlibrary{
  calc,  % for ($<coordinate calculation>$)
  cd     % for tikzcd environment
}
\tikzset{
  node split radius/.initial=1,
  node split color 1/.initial=red,
  node split color 2/.initial=green,
  node split color 3/.initial=blue,
  node split half/.style={node split={#1,#1+180}},
  node split/.style args={#1,#2}{
    path picture={
      \tikzset{
        x=($(path picture bounding box.east)-(path picture bounding box.center)$),
        y=($(path picture bounding box.north)-(path picture bounding box.center)$),
        radius=\pgfkeysvalueof{/tikz/node split radius}}
      \foreach \ang[count=\iAng, remember=\ang as \prevAng (initially #1)] in {#2,360+#1}
        \fill[line join=round, draw, fill=\pgfkeysvalueof{/tikz/node split color \iAng}]
          (path picture bounding box.center)
          --++(\prevAng:\pgfkeysvalueof{/tikz/node split radius})
          arc[start angle=\prevAng, end angle=\ang] --cycle;
} } }
\begin{document}
\begin{tikzpicture}[
  c/.style={shape=circle, draw, minimum size=1cm},
  r/.style={shape=rectangle, draw, minimum width=.8cm,
    minimum height=1.2cm, node split radius=sqrt 2}]

\node[c]                                                                     {};
\node[c, node split half=75]                                (one) at (1.5,0) {};
\node[c, node split={45,90,180}, node split color 1=orange] (two) at (3,  0) {};

\draw[thick] (one) -- (two);

\tikzset{yshift=-1.3cm}
\node[r]                                            {};
\node[r, node split half=75]             at (1.5,0) {};
\node[r, yellow, node split={45,90,180}] at (3,  0) {};
\end{tikzpicture}

\begin{tikzcd}[
  cells={nodes={shape=circle, draw=black, minimum size=1cm}},
  tikz/.code=\tikzset{#1},
  tikz={
    r/.style={fill=red},
    g/.style={fill=green},
    b/.style={fill=blue},
    G/.style={fill=gray},
    rc/.style={node split color 1=red, node split color 2=cyan, node split half=0},
    ym/.style={node split color 1=yellow,node split color 2=magenta, node split half=-45},
    ybg/.style={
      node split color 1=yellow, node split color 2=blue, node split color 3=green,
      node split={100,220,340}},
    mc/.style={node split color 1=magenta, node split color 2=cyan, node split half=-45},
    gG/.style={node split color 1=green, node split color 2=gray, node split half=-45}
  },
  arrows=-,
]
 |[r]| \rar\dar & |[r]| \dar & |[g]| \drar\ar[rr] &                 & |[g]| \dar\ar[dl] \\
 |[r]| \rar     & |[rc]|\dar &                    & |[g]| \dar      & |[g]| \dar        \\
                & |[mc]|\rar & |[ym]| \rar        & |[ybg]|\dar\rar & |[gG]|\dar        \\
                &            &                    & |[b]|           & |[G]|
\end{tikzcd}
\end{document}

输出

Answer

以下是我们通过以下方法实现这一目标的方法path picture：

按键可用于改变段的颜色。（如果您使用三个以上，则需要通过初始化它们。）node split color nnode split color 4/.initial=black