使用阴影设置节点的不透明度

使用阴影设置节点的不透明度

如何在具有阴影的节点中将不透明度正确设置为半透明(例如opacity=0.2)?似乎使用“简单”方法,阴影会通过半透明填充显示出来,这在某种程度上是有道理的。

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shadows.blur}

\begin{document}
    \begin{figure}
        \begin{tikzpicture}
            \node [
                draw,
                fill=white,
                circle,
                blur shadow={
                    shadow blur steps=5
                },
                minimum size=1cm,
            ] at (0,0) {X};
            \node [
                draw,
                fill=white,
                circle,
                blur shadow={
                    shadow blur steps=5
                },
                minimum size=1cm,
                opacity=0.2,
            ] at (2,0) {X};
        \end{tikzpicture}
    \end{figure}
\end{document}

在此处输入图片描述

如何获取左侧节点的半透明副本?

编辑:

我已经尝试设置draw opacity,而text opacity不仅仅是opacity,结果稍微好一些

在此处输入图片描述

但是看起来阴影现在完全不透明了(因为它是一个fill,我猜),所以它仍然不是 100% 我想要的。

答案1

也许transparency group你正在寻找的是:

\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{shadows.blur}

\begin{document}
    \begin{tikzpicture}
        \draw[cyan] (-1,-1) grid (3,1);
        \node [
            draw,
            fill=white,
            circle,
            blur shadow={
                shadow blur steps=5
            },
            minimum size=1cm,
        ] at (0,0) {X};
        \begin{scope}[transparency group, opacity=0.2]
        \node [
            draw,
            fill=white,
            circle,
            blur shadow={
                shadow blur steps=5
            },
            minimum size=1cm,
        ] at (2,0) {X};
        \end{scope}
    \end{tikzpicture}
\end{document}

在此处输入图片描述

答案2

我认为这已经是正确方式的不透明度了。不确定您预期的结果是什么。这有什么用?

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shadows.blur}

\begin{document}
\begin{figure}
\centering
\begin{tikzpicture}
\draw [help lines,step=0.5cm] (-2,-2) grid (2,2);
\node [
font=\huge,
circle,
line width=3pt,
draw,
draw opacity=0.4,
fill=white,
fill opacity=0.7,
text opacity=0.4,
blur shadow={
shadow blur steps=5,
shadow blur radius=1.5ex,
},
minimum size=2cm,
] at (0,0) {test};
\end{tikzpicture}
\end{figure}
\end{document}

在此处输入图片描述

相关内容