TikZ 背景不工作

Question

你必须告诉蒂克兹按照什么顺序通过堆叠层\pgfsetlayers{<layers>}，其中<layers>是从后到前的层列表，以逗号分隔。所有不在环境中的命令都pgfonlayer将分配给main始终定义的层。要让这些命令位于正确的层上，main应该始终出现在规范中<layers>。蒂克兹不使用时不会抛出错误\pgfsetlayers{<layers>}，但是它会表现得相当奇怪，并且会遗漏大多数层的命令。当省略时，\pgfsetlayers{<layers>}无论以何种顺序声明background或foreground使用或，backround总是显示，而从不foreground显示，这真的很奇怪。所以我想建议始终记住书写\pgfsetlayers{<layers>}，否则可能会出现奇怪的结果。

代码

\documentclass[tikz,border=5mm]{standalone}
\usetikzlibrary{arrows,backgrounds,shadows}

% define layers
    \pgfdeclarelayer{foreground}
    \pgfdeclarelayer{background}
% tell TikZ how to stack them (back to front)
    \pgfsetlayers{background,main,foreground}

\begin{document}

\begin{tikzpicture}[rounded corners=3mm,mysquare/.style={left color=#1!10,right color=#1!90,draw=#1!50!black}]
    \begin{pgfonlayer}{foreground}
        \fill[mysquare=green] (-1,-3) node[above right] {\Huge F} rectangle (1,3);
    \end{pgfonlayer}

    \fill[mysquare=red] (-2,-2) node[above right] {\Huge M} rectangle (2,2);

    \begin{pgfonlayer}{background}
        \fill[mysquare=blue] (-3,-1) node[above right] {\Huge B} rectangle (3,1);
    \end{pgfonlayer}
\end{tikzpicture}

\end{document}

输出

在此处输入图片描述

Answer 1

你必须告诉蒂克兹按照什么顺序通过堆叠层\pgfsetlayers{<layers>}，其中<layers>是从后到前的层列表，以逗号分隔。所有不在环境中的命令都pgfonlayer将分配给main始终定义的层。要让这些命令位于正确的层上，main应该始终出现在规范中<layers>。蒂克兹不使用时不会抛出错误\pgfsetlayers{<layers>}，但是它会表现得相当奇怪，并且会遗漏大多数层的命令。当省略时，\pgfsetlayers{<layers>}无论以何种顺序声明background或foreground使用或，backround总是显示，而从不foreground显示，这真的很奇怪。所以我想建议始终记住书写\pgfsetlayers{<layers>}，否则可能会出现奇怪的结果。

代码

\documentclass[tikz,border=5mm]{standalone}
\usetikzlibrary{arrows,backgrounds,shadows}

% define layers
    \pgfdeclarelayer{foreground}
    \pgfdeclarelayer{background}
% tell TikZ how to stack them (back to front)
    \pgfsetlayers{background,main,foreground}

\begin{document}

\begin{tikzpicture}[rounded corners=3mm,mysquare/.style={left color=#1!10,right color=#1!90,draw=#1!50!black}]
    \begin{pgfonlayer}{foreground}
        \fill[mysquare=green] (-1,-3) node[above right] {\Huge F} rectangle (1,3);
    \end{pgfonlayer}

    \fill[mysquare=red] (-2,-2) node[above right] {\Huge M} rectangle (2,2);

    \begin{pgfonlayer}{background}
        \fill[mysquare=blue] (-3,-1) node[above right] {\Huge B} rectangle (3,1);
    \end{pgfonlayer}
\end{tikzpicture}

\end{document}

输出

在此处输入图片描述

TikZ 背景不工作

答案1

代码

输出

相关内容