☰

Tikz рисует на стопке слоев сверху вниз (в обратном порядке)

tag-icon • tag-icon tikz-pgf pgflayers
Tikz рисует на стопке слоев сверху вниз (в обратном порядке)

В Tikz я хотел бы иметь команду

\StartDrawOnBottomOfLayerStack

чтобы нарисовать все следующие элементы нанижняя часть нижнего слояизображения. Это означает, что следующие узлы и пути появляются позади всего изображения. Мне нужна команда, чтобы вернуться к стандартному поведению \StartDrawOnTopOfLayerStack

На данный момент мне нужно определить столько слоев, сколько фоновых узлов нужно нарисовать. Интересно, можно ли это реализовать проще?

\documentclass[tikz]{standalone}
\usepackage{tikz}
\usetikzlibrary{fit}
\begin{document}

\pgfdeclarelayer{background3}
\pgfdeclarelayer{background2}
\pgfdeclarelayer{background1}
\pgfsetlayers{background3,background2,background1,main}

\begin{tikzpicture}

%% block diagram
\node[rectangle,draw,fill=yellow] (A) at (-4,0) {A};
\node[rectangle,draw,fill=yellow] (B) at (-3,0) {B};
\node[rectangle,draw,fill=yellow] (C) at (-2,0) {C};
\node[rectangle,draw,fill=yellow] (D) at (-1,0) {D};

% \StartDrawOnBottomOfLayerStack

%% group 1
\begin{pgfonlayer}{background1}
\node[rectangle,fill=green,fit={(B) (C)}](G1) {}; 
\end{pgfonlayer}

%% group 2
\begin{pgfonlayer}{background2}
\node[fill=blue,fit={(B) (C) (D)(G1)}](G2) {}; 
\end{pgfonlayer}

%% group 3
\begin{pgfonlayer}{background3}
\node[fill=red,fit={(A)(B) (C) (D) (G1) (G2)}](G3) {}; 
\end{pgfonlayer}

\end{tikzpicture}
\end{document}

МВЭ

решение1

Краткое введение, снизу вверх:

  1. Похожая на среду pgfonlayer, новая средаpgfonlayerreversed . Ее содержимое будет набрано на указанном слое, но в обратном порядке, т.е. последнее содержимое набранониженакопленное содержимое.
  2. Аналогично опции on background layerв библиотеке backgrounds, определяется новая опция on background layer reversed, которая использует новую среду pgfonlayerreversed(на слое background).
  3. Наконец, \StartDrawOnBottomOfLayerStackи \EndDrawOnBottomOfLayerStackобразуют особую scopeсреду, в которой каждое использование \nodeэквивалентно \scoped[on lowest layer] \node.

Полная реализация:

% from https://tex.stackexchange.com/q/562577
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{backgrounds, fit}
\usepackage{xpatch}

\makeatletter
% similar to env "pgfonlayer", but the latest contents are typeset on
% lowest bottom (on reversed order)

\let\pgfonlayerreversed\pgfonlayer
\let\endpgfonlayerreversed\endpgfonlayer

\xpatchcmd\pgfonlayerreversed
  {\expandafter\box\csname pgf@layerbox@#1\endcsname\begingroup}
  {\begingroup}
  {}{\fail}

\xpatchcmd\endpgfonlayerreversed
  {\endgroup}
  {\endgroup\expandafter\box\csname pgf@layerbox@\pgfonlayer@name\endcsname}
  {}{\fail}


\tikzset{
  on background layer reversed/.style={%
    execute at begin scope={%
      \pgfonlayerreversed{background}%
      \let\tikz@options=\pgfutil@empty
      \tikzset{every on background layer/.try,#1}%
      \tikz@options
    },
    execute at end scope={\endpgfonlayerreversed}
  }
}


\def\StartDrawOnBottomOfLayerStack{%
  \scope\relax
  % patch \path variants to auto insert "\scoped[on lowest layer]"
  % currently \node, \pic, \coordinate, and \matrix are patched
  \let\tikz@path@overlay\tikz@path@overlay@autoscoped
  \let\tikz@path@overlayed\tikz@path@overlayed@autoscoped
}

\def\EndDrawOnTopOfLayerStack{%
  \endscope
}

\def\tikz@path@overlay@autoscoped#1{%
  \let\tikz@signal@path=\tikz@signal@path% for detection at begin of matrix cell
  \pgfutil@ifnextchar<%
    {\tikz@path@overlayed{#1}}
    {\scoped[on background layer reversed] \path #1}}%
\def\tikz@path@overlayed@autoscoped#1<#2>{%
  \scoped[on background layer reversed] \path<#2> #1}%
\makeatother

\begin{document}

\begin{tikzpicture}
  % text nodes
  \node[rectangle,draw,fill=yellow] (A) at (-4,0) {A};
  \node[rectangle,draw,fill=yellow] (B) at (-3,0) {B};
  \node[rectangle,draw,fill=yellow] (C) at (-2,0) {C};
  \node[rectangle,draw,fill=yellow] (D) at (-1,0) {D};

  % background rectangles
  \StartDrawOnBottomOfLayerStack
    \node[rectangle,fill=green,fit={(B) (C)}](G1) {};
    \node[fill=blue,fit={(B) (C) (D)(G1)}](G2) {};
    \node[fill=red,fit={(A)(B) (C) (D) (G1) (G2)}](G3) {};
  \EndDrawOnTopOfLayerStack
\end{tikzpicture}
\end{document}

Связанный контент