如何使用 Tikz 绘制此图表（作为机器的功能）？

Question

我想重现下面的图表，但我找不到该形状的“代码”。我看过的示例图只显示了一个封闭的矩形，箭头指向矩形和从矩形指向矩形。任何帮助都将不胜感激。

附件是 Jasper 建议的我当前的 MWE：

\tikzstyle{Box} = [rectangle, rounded corners, minimum width=2cm, minimum height=1.25cm, text centered, draw=blue, inner color=white, outer color=blue!30]
\tikzstyle{arrow} = [red, very thick,->,>=stealth]

\begin{center}
\begin{tikzpicture}[node distance=2.5cm]
\node (A) [Box] {\(f\)};
\node (B) [left of=A, label=below:{input}] {$x$};
\node (C) [right of=A, label=below:{output}] {$y$};
\draw [arrow] (B) -- (A);
\draw [arrow] (A) -- (C);
\end{tikzpicture}
\end{center}

Answer 1

如果没有形状，您可以创建一个\pic：

\documentclass[border=10pt]{standalone}
\usepackage{tikz}

\tikzset{
    pics/machine/.style={
        code={
            \coordinate (-in) at ({-0.5*\pgfkeysvalueof{/tikz/machine/width}},0);
            \coordinate (-out) at ({0.5*\pgfkeysvalueof{/tikz/machine/width}},0);
            \coordinate (-north) at (0,{0.5*\pgfkeysvalueof{/tikz/machine/height}});
            \coordinate (-south) at (0,{-0.5*\pgfkeysvalueof{/tikz/machine/height}});
            \path[/tikz/machine/filling]
                ([shift={(-0.75em,0.5em)}]-in) 
                -- ([shift={(0,0.25em)}]-in) 
                -- ([shift={(0,-5pt)}]-north -| -in)
                arc[start angle=180, end angle=90, radius=5pt]
                -- ([shift={(-5pt,0)}]-north -| -out)
                arc[start angle=90, end angle=0, radius=5pt]
                -- ([shift={(0,0.25em)}]-out) 
                -- ([shift={(0.75em,0.5em)}]-out)
                -- ([shift={(0.75em,-0.5em)}]-out)
                -- ([shift={(0,-0.25em)}]-out) 
                -- ([shift={(0,5pt)}]-south -| -out)
                arc[start angle=360, end angle=270, radius=5pt]
                -- ([shift={(5pt,0)}]-south -| -in)
                arc[start angle=270, end angle=180, radius=5pt]
                -- ([shift={(0,-0.25em)}]-in) 
                -- ([shift={(-0.75em,-0.5em)}]-in) 
                -- cycle;
            \draw[/tikz/machine/border]
                ([shift={(-0.75em,0.5em)}]-in) 
                -- ([shift={(0,0.25em)}]-in) 
                -- ([shift={(0,-5pt)}]-north -| -in)
                arc[start angle=180, end angle=90, radius=5pt]
                -- ([shift={(-5pt,0)}]-north -| -out)
                arc[start angle=90, end angle=0, radius=5pt]
                -- ([shift={(0,0.25em)}]-out) 
                -- ([shift={(0.75em,0.5em)}]-out);
            \draw[/tikz/machine/border]
                ([shift={(0.75em,-0.5em)}]-out)
                -- ([shift={(0,-0.25em)}]-out) 
                -- ([shift={(0,5pt)}]-south -| -out)
                arc[start angle=360, end angle=270, radius=5pt]
                -- ([shift={(5pt,0)}]-south -| -in)
                arc[start angle=270, end angle=180, radius=5pt]
                -- ([shift={(0,-0.25em)}]-in) 
                -- ([shift={(-0.75em,-0.5em)}]-in);
            \node (-node) at (0,0) {#1};
        }
    },
    machine/width/.initial={3.5em},
    machine/height/.initial={2em},
    machine/filling/.style={
        left color=cyan!50!blue!25, 
        right color=cyan!50!blue!25, 
        middle color=cyan!50!blue!10
    },
    machine/border/.style={
        blue!50!cyan
    }
}

\begin{document}
\begin{tikzpicture}

    \node[label={below:{input}}] (A) at (0,0) {$x$}; 
    \pic (B) at (2,0) {machine={$f$}};
    \node[label={below:{output}}] (C) at (4,0) {$f(x)$}; 

    \draw[red, -stealth] (A) -- (B-in);  
    \draw[red, -stealth] (B-out) -- (C);  

\end{tikzpicture}
\end{document}