Как сделать эти линии в Tikz?

Question

Вот строки:

Я понятия не имею, как сделать этот маленький бугорок. Если бы только это были прямые линии :)

Цвета:

• зеленый: #9DC634
• оранжевый: #F39614
• розовый: #F39614
• фиолетовый: #AB7CB5

Спасибо за вашу помощь

Answer 1

Обновлять:Я добавляю второй способ сделать это.

1. Первый способ используетdouble line и clips.
2. Второй способ использует arcs. Этот способ проще, но не подходит для любого вида кривой.

\documentclass[tikz,border=2mm]{standalone}
\newcommand{\myline}{(0,0) -- (5,0) to[out=0,in=180] (6,0.25) to[out=0,in=180] (7,0) -- (8,0)}

\definecolor{mygreen} {HTML}{9DC634}
\definecolor{myorange}{HTML}{F39614}
\definecolor{mypink}  {HTML}{FF00FF} % changed
\definecolor{mypurple}{HTML}{AB7CB5}

\begin{document}
\begin{tikzpicture}
\useasboundingbox (-0.5,-1.5) rectangle (8.5,1);
% first way
\begin{scope}
\clip (0,-1) rectangle (8,1);
\begin{scope}
\clip\myline |- (0,1) --cycle;
\draw[mypurple,double distance=1.5mm-\pgflinewidth] \myline;
\draw[mypink  ,double distance=0.5mm-\pgflinewidth] \myline;
\end{scope}
\begin{scope}
\clip\myline |- (0,-1) --cycle;
\draw[mygreen ,double distance=1.5mm-\pgflinewidth] \myline;
\draw[myorange,double distance=0.5mm-\pgflinewidth] \myline;
\end{scope}
\end{scope}
% second way
\begin{scope}[shift={(0,-1)}]
\foreach[count=\ii]\i in {mygreen,myorange,mypink,mypurple}
  \draw[draw=\i] (0,0.05*\ii) --++ (1,0) arc (270:290:1.5-0.05*\ii) arc (110:70:2+0.05*\ii)
                                         arc (250:270:1.5-0.05*\ii) --  (8,0.05*\ii);
\end{scope}
\end{tikzpicture}
\end{document}

Answer 2

Сделать кривые Безье параллельными — нетривиальная задача. Вот третий хакерский подход.

Код

\documentclass[tikz]{standalone}
\begin{document}
\tikz[
  very thick,
  loo/.style args={#1:#2}{#1 looseness=1.05^\i,#2 looseness=.95^\i}
] \foreach[count=\i]\c in {9DC634, F39614, FFC0CB, AB7CB5}
    \color[HTML]{\c}
    \draw[yshift=\i mm, out=0, in=180] (0,0) --++(right:3)
      to[loo=in:out] ++(2,.5) to[loo=out:in] ++(2,-.5) -- ++(right:1);
\end{document}

Выход

Answer 3

Вы могли бы bendнемного процитировать эту строчку:

\documentclass{article}

\usepackage{tikz}

\begin{document}

\begin{tikzpicture}[rounded corners=0.2cm]
\draw[red] (0,0) -- (5,0) to[bend left=35] (7,0) -- (9,0);
\draw[green,yshift=1mm] (0,0) -- (5,0) to[bend left=35] (7,0) -- (9,0);
\end{tikzpicture}

\end{document}

Answer 4

Вот еще одно решение с использованиемtikz-nfold, кредитыэтот ответдля цветов.

Преимущества этого решения в том, что оно работает почти с любым путем, и что все изогнутые части находятся на постоянном расстоянии друг от друга. Недостатки в том, что вам придется загружать другую библиотеку, и что время компиляции может быть немного больше.

Обновлять

Интерфейс стал проще в версии tikz-nfold 0.1.0:

\usepackage{tikz}
\usetikzlibrary{nfold}

[...]

\begin{tikzpicture}
  \path[save path=\mypath]
    (0,0) -- (5,0) to[out=0, in=180] (7,.75) to[out=0, in=180] (9,0) -- (10,0);
  \pgfsetlinewidth{1pt}
  \foreach \mycolor [count=\i] in {9DC634,F39614,FF00FF,AB7CB5}
    \definecolor{tempcolor}{HTML}{\mycolor}
    \color{tempcolor}
    \pgfoffsetpathindex{\mypath}{8pt}{\i}{4}
    \pgfusepathqstroke;
\end{tikzpicture}