Как устранить смещение для получения непрерывной формы?

Как устранить смещение для получения непрерывной формы?

Я хотел добавить немного больше к последней форме в цепочке (см. изображение для лучшего понимания). Однако я столкнулся с неожиданной проблемой, потому что я думал, что (черные и красные) линии будут соединяться без какого-либо вертикального смещения. Поэтому мой вопрос (надеюсь) простой: как это исправить?

Спасибо заранее

\documentclass[tikz]{standalone}
\usepackage{tikz}
\usetikzlibrary{calc,chains,shapes.symbols}

\begin{document}
    \tikzset{
        flowEnd/.style={draw, shape=signal, signal from=west, signal to=nowhere},
        flowPast/.style={draw, shape=signal, signal from=west},
        flowStart/.style={draw, shape=signal, signal to=east},
    }

    \begin{tikzpicture}[start chain=going right,node distance=2mm]
    \node [flowStart,on chain] {Hello};
    \node [flowPast,on chain] {World};
    \node (end) [flowEnd,on chain] {!};
    \draw [red]
    let \p1=(end.south east), \p2=(end.north east) in 
    (\p2) --
    ($ (\p2) + (10mm,0) $) [rounded corners]--
    ($ (\p1) + (10mm,0) $) --
    (\p1);
    \end{tikzpicture}
\end{document}

введите описание изображения здесь

решение1

В определении стиля фигур следует добавить outer sep=0ptи определить common minimum height=.... Полный, немного упрощенный код для вашего изображения:

\documentclass[tikz, margin=3mm]{standalone}
\usetikzlibrary{calc,
                chains,
                shapes.symbols}

\tikzset{
     base/.style = {draw, shape=signal, on chain, 
                    minimum height=3ex, outer sep=0pt},
  flowEnd/.style = {base, signal from=west, signal to=nowhere},
 flowPast/.style = {base, signal from=west},
flowStart/.style = {base, signal to=east},
        }
\begin{document}
    \begin{tikzpicture}[
    start chain = going right,
  node distance = 2mm   ]
%
\node [flowStart] {Hello};
\node [flowPast] {World};
\node (end) [flowEnd] {!};
%
\draw[red]
   (end.north east) -- ++ (10mm,0) [rounded corners] |- (end.south east);
    \end{tikzpicture}
\end{document}

введите описание изображения здесь

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