更精细地控制弯曲边缘

更精细地控制弯曲边缘

这是我的代码:

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows, automata}

\begin{document}

\begin{tikzpicture}[
        > = stealth, % arrow head style
        shorten > = 1pt, % don't touch arrow head to node
        auto,
        node distance = 3cm, % distance between nodes
        semithick % line style
    ]

    \tikzstyle{every state}=[
    draw = black,
    thick,
    fill = white,
    minimum size = 4mm
    ]
    
    \node[state] (a) at (0,4) {A};
    \node[state] (b) at (4,4) {B};
    \node[state] (c) at (2,2) {C};
    \node[state] (d) at (0,0) {D};
    \node[state] (e) at (4,0) {E};
    
    \path[->] (a) edge node {$e_1$} (b);
    \path[->] (b) edge node {$e_2$} (e);
    \path[->] (a) edge node {$e_3$} (c);
    \path[->] (c) edge node {$e_4$} (e);
    \path[->] (d) edge node {$e_5$} (e);
    \path[->] (a) edge node {$e_6$} (d);
    \path[->, style={bend left = 145}] (b) edge node {$e_7$} (d);
\end{tikzpicture}

\end{document}

这是其产生的结果: 结果

我试图让边 e_7 绕过节点 E,如下图所示。 期望结果

我该如何控制 e_7 的弯曲方式?

答案1

您可以使用贝塞尔曲线,其控制点位于 的东南一点E

在此处输入图片描述

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows, automata,calc}

\begin{document}

\begin{tikzpicture}[
        > = stealth, % arrow head style
        shorten > = 1pt, % don't touch arrow head to node
        auto,
        node distance = 3cm, % distance between nodes
        semithick % line style
    ]

    \tikzstyle{every state}=[
    draw = black,
    thick,
    fill = white,
    minimum size = 4mm
    ]

    \node[state] (a) at (0,4) {A};
    \node[state] (b) at (4,4) {B};
    \node[state] (c) at (2,2) {C};
    \node[state] (d) at (0,0) {D};
    \node[state] (e) at (4,0) {E};

    \path[->] (a) edge node {$e_1$} (b);
    \path[->] (b) edge node {$e_2$} (e);
    \path[->] (a) edge node {$e_3$} (c);
    \path[->] (c) edge node {$e_4$} (e);
    \path[->] (d) edge node {$e_5$} (e);
    \path[->] (a) edge node {$e_6$} (d);
    %                                V--V - change here to adjust
    \path[->,draw] (b) .. controls ($(e)+(2,-1)$) .. node {$e_7$} (d);
\end{tikzpicture}

\end{document}

答案2

Phelpe Oleinik 的答案的替代方案:

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows, automata,calc}

\begin{document}

\begin{tikzpicture}[
        > = stealth, % arrow head style
        shorten > = 1pt, % don't touch arrow head to node
        auto,
        node distance = 3cm, % distance between nodes
        semithick % line style
    ]

    \tikzstyle{every state}=[
    draw = black,
    thick,
    fill = white,
    minimum size = 4mm
    ]

    \node[state] (a) at (0,4) {A};
    \node[state] (b) at (4,4) {B};
    \node[state] (c) at (2,2) {C};
    \node[state] (d) at (0,0) {D};
    \node[state] (e) at (4,0) {E};

    \path[->] (a) edge node {$e_1$} (b);
    \path[->] (b) edge node {$e_2$} (e);
    \path[->] (a) edge node {$e_3$} (c);
    \path[->] (c) edge node {$e_4$} (e);
    \path[->] (d) edge node {$e_5$} (e);
    \path[->] (a) edge node {$e_6$} (d);
    \draw[->] (b) to[in= 45,out=-45]  ($(e)+(0.5,-0.5)$)node[right]{$e_7$} to[in= -45,out=-135] (d);
\end{tikzpicture}

\end{document}

在此处输入图片描述

答案3

这里还有一个looseness可以使用的选项:

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows, automata}

\begin{document}

\begin{tikzpicture}[
        > = stealth, % arrow head style
        shorten > = 1pt, % don't touch arrow head to node
        auto,
        node distance = 3cm, % distance between nodes
        semithick % line style
    ]

    \tikzstyle{every state}=[
    draw = black,
    thick,
    fill = white,
    minimum size = 4mm
    ]

    \node[state] (a) at (0,4) {A};
    \node[state] (b) at (4,4) {B};
    \node[state] (c) at (2,2) {C};
    \node[state] (d) at (0,0) {D};
    \node[state] (e) at (4,0) {E};

    \path[->] (a) edge node {$e_1$} (b);
    \path[->] (b) edge node {$e_2$} (e);
    \path[->] (a) edge node {$e_3$} (c);
    \path[->] (c) edge node {$e_4$} (e);
    \path[->] (d) edge node {$e_5$} (e);
    \path[->] (a) edge node {$e_6$} (d);
    \path[->, style={bend left = 70, looseness = 2}] (b) edge node {$e_7$} (d);
\end{tikzpicture}

\end{document}

在此处输入图片描述

相关内容