I am trying to create an arrow, looking like this: branched arrow

Is it possible?


Here is a proposal in which I recycle the outlined arrow from this answer. Wiping out the unwanted boundary is possible, but the most straightforward way I see uses calc and goes in three steps.

\usetikzlibrary{decorations,decorations.text,decorations.markings,calc} %  decorations.text just 4 fun
    outlined arrow width/.store in=\OutlinedArrowWidth,
    outlined arrow width=10pt,
    outlined arrow step/.store in=\OutlinedArrowStep,
    outlined arrow step=1pt,
    outlined arrow length/.store in=\OutlinedArrowLength,
    outlined arrow length=5pt,

\pgfdeclaredecoration{outlined arrow}{initial}
{% initial arrow butt
\state{initial}[width=\OutlinedArrowStep,next state=cont] {
    \ifdim\pgfdecoratedremainingdistance>\OutlinedArrowLength% continue the outlined path
     \ifnum\marmotarrowstart=0% draw the arrow head
  { % perhaps unnecessary but doesn't hurt either

\begin{tikzpicture}[decoration=outlined arrow,font=\sffamily]
 \node[draw,minimum width=3cm,minimum height=4cm] (A) at (0,0) {};
 \node[draw,minimum size=1cm,anchor=west] (B) at (5,2.5) {};
 \node[draw,minimum size=1.2cm,anchor=west] (C) at (5,-1.5) {};
 \draw[decorate,outlined arrow length=15pt,outlined arrow width=20pt,
 mark=at position 0.3 with {\path (0,0pt) coordinate (X1);},
 mark=at position 0.35 with {\path (0,5pt) coordinate (X3);},
 mark=at position 0.4 with {\path (0,0pt) coordinate (X2);}}}] (A.east)
 to[out=0,in=-180] (C.west);
 mark=at position 0 with {\path (0,0pt) coordinate (Y1)  (0,10pt) coordinate (Y2);}
 }}] (X3) to[out=50,in=-180] (B.west);
 \path (X1) -- (Y1) coordinate[pos=-0.05] (aux1)  coordinate[pos=1.05] (aux2);
 \path (Y2) -- (X2) coordinate[pos=-0.05] (aux3)  coordinate[pos=1.05] (aux4);
 \fill[white] (aux1) -- (aux2)-- (aux3) -- (aux4) -- cycle;
 \draw  let \p1=($(X2)-(X1)$),\n1={atan2(\y1,\x1)} in (X1) to[out=\n1,in=-130] (Y1);
 \draw let \p1=($(X2)-(X1)$),\n1={atan2(\y1,\x1)-180} in (X2) to[out=\n1,in=-130] (Y2);

enter image description here

  • Can you explain your solution? What is the purpose of the outlined arrows decoration here? – AndréC Oct 1 '18 at 5:16
  • @AndréC Sorry, I do not understand your comment. The purpose is to produce something that resembles the OP's screen shot. – marmot Oct 1 '18 at 8:37
  • I would like you to explain your code in more detail, especially the decoration code. – AndréC Oct 1 '18 at 12:48
  • @AndréC If you tell me more concretely what I should explain, I will be happy to do so. But I can't read your mind. The decoration is rather simpleminded. Just draw two paths shifted above and below the current path and make sure to close the arrow at its start with a line and its end with an arrow head. Most likely one can simplify things. – marmot Oct 3 '18 at 1:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.