私は TiKZ のオートマトン ライブラリを使用しており、18 ポイントの太さの線をノード間に引いています。問題は、線と状態の間の境界がうまくフィットしないことです。
これが欲しい
何か案は?
以下は最初のものを生成する最小限の例です。
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{automata}
\begin{document}
\begin{tikzpicture}[thick]
\node[state] (1) {};
\draw[-, blue!20, line width=18pt] (1) to (0,1);
\end{tikzpicture}
\end{document}
答え1
矢印の先端を使った試みです。
(装飾を使った解決策もありますが、矢印の先端よりも混乱します。)
残念ながら、矢印の先端は線の端から半円をRound Cap
追加するだけです (またはオプションで削除します)。線の幅が円形ノードの半径の 2 倍である場合は、これがうまく機能します。reversed
setup code
矢印の先端Hug Cap
の計算数学3 つの値を保存します。
- 半径(矢印キーから取得
length
)、 - hこれはインセット(高さ)であり、
- 角度(結局は弧が描かれます)。
矢印の先端の定義を拡張して、、reversed
などのオプションを含めることもできます。open
left
このderound
スタイルは、円形のノードから半径を計算します。(この回答はライブラリcircle connection bar
のスタイルと装飾にヒントを得ていますがmindmap
、既存のノードから半径を抽出するために別のアプローチを使用しています。)
当然のことながら、パスは円の境界に対して直交している必要があります。
このソリューションは、to
/edge
演算子 (およびを使用して\tikztostart
半径\tikztotarget
の計算を自動化する) とともに使用する必要があります。 (デフォルト)line caps
以外は使用しないでください。butt
これは、矢印の先端の定義内でも確認できます。
これは、線幅が直径よりも大きい場合や、半径が非常に大きい場合にも機能しなくなります (しかし、それならなぜこれを使用するのでしょうか?)。
コード
\documentclass[tikz]{standalone}
\usetikzlibrary{automata,arrows.meta}
\pgfdeclarearrow{
name=Hug Cap,
parameters=\the\pgfarrowlength,
setup code={
% h = r - .5 sqrt(4 r^2 - s^2)
\pgfmathsetlengthmacro\pgfarrowh{\pgfarrowlength-.5*sqrt(4*\pgfarrowlength*\pgfarrowlength-\pgflinewidth*\pgflinewidth}
% a = asin(s / (2 r))
\pgfmathsetmacro\pgfarrowangle{asin(\the\pgflinewidth/(2*\the\pgfarrowlength))}
\pgfarrowssavethe\pgfarrowlength % radius
\pgfarrowssave\pgfarrowh % h
\pgfarrowssave\pgfarrowangle % a
\pgfarrowsupperhullpoint{0pt}{.5\pgflinewidth}
\pgfarrowsupperhullpoint{\pgfarrowh}{.5\pgflinewidth}
\pgfarrowssetlineend{.1pt} % eeh :\
},
drawing code={
\pgfpathmoveto{\pgfqpoint{\pgfarrowh}{-.5\pgflinewidth}}
\pgfpatharc{180+\pgfarrowangle}{180-\pgfarrowangle}{\pgfarrowlength}
\pgfpathlineto{\pgfqpoint{0pt}{.5\pgflinewidth}}
\pgfpathlineto{\pgfqpoint{0pt}{-.5\pgflinewidth}}
\pgfpathclose
\pgfusepathqfill}}
\makeatletter
\def\qrr@tikz@circle{circle}
\newcommand*\qrr@getRadius[1]{%
\def\qrr@radius{0pt}%
\tikz@scan@one@point\pgfutil@firstofone(#1)\relax
\iftikz@shapeborder
\edef\qrr@shape{\csname pgf@sh@ns@\tikz@pp@name{\tikz@shapeborder@name}\endcsname}%
\ifx\qrr@tikz@circle\qrr@shape
% ah circle, get the radius!
\begingroup
\csname pgf@sh@np@\tikz@pp@name{\tikz@shapeborder@name}\endcsname
\let\qrr@radius\radius
\pgfmath@smuggleone\qrr@radius
\endgroup
\fi
\fi}
\tikzset{
deround/.style={
/utils/exec={%
\qrr@getRadius\tikztostart
\ifdim\qrr@radius=0pt
\def\qrr@arrowsettings{-}\else
\edef\qrr@arrowsettings{{Hug Cap[length=+\qrr@radius]}-}\fi
\qrr@getRadius\tikztotarget
\ifdim\qrr@radius=0pt\else
\edef\qrr@arrowsettings{\qrr@arrowsettings{Hug Cap[length=+\qrr@radius]}}\fi
},
arrows/.expanded=\qrr@arrowsettings}
}
\makeatother
\begin{document}
\begin{tikzpicture}[thick]
\node[state] (1) {};
\node[state] at (2,1) (2) {abcdef};
\path[line width=12pt, every edge/.append style=deround]
(2) edge (1)
edge[line width=10pt, red, out=150, in=90] (1);
\path[line width=12pt] (1) edge[out=180-30, in=180+30, looseness=4, deround] (1);
\end{tikzpicture}
\end{document}
出力
答え2
私は方法を見つけましたが、それは標準的な方法ではなく、単に機能する方法です。レイヤーを使用して、線の長さを増やします。
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{automata}
\begin{document}
\pgfdeclarelayer{bg}
\pgfsetlayers{bg,main}
\begin{tikzpicture}[thick]
\node[state,fill=white] (1) {};
\begin{pgfonlayer}{bg}
\draw[-,shorten >=-4pt,shorten <=-4pt,blue!20, line width=18pt]
(1) to (0,1);
\end{pgfonlayer}
\end{tikzpicture}
\end{document}
編集 2 番目の解決策は、以下のコメントに基づいています (長い線の代わりに中心を座標として使用します)
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{automata}
\begin{document}
\pgfdeclarelayer{bg}
\pgfsetlayers{bg,main}
\begin{tikzpicture}[thick]
\node[state,fill=white] (1) {};
\begin{pgfonlayer}{bg}
\draw[-,blue!20, line width=18pt]
(1.center) to (0,1);
\end{pgfonlayer}
\end{tikzpicture}
\end{document}