☰

如何绘制具有颜色渐变的水平线？

tag-icon • tag-icon gradient
如何绘制具有颜色渐变的水平线？

在此处输入图片描述

看看这两条带有颜色渐变的蓝色规则。这就是我要找的。谢谢。

答案1

1em例如，您可以通过更改值来控制渐变和文本之间的距离。此外，还可以更改矩形的高度1.5em。

\documentclass{article}
\usepackage{lipsum}%dummy text only
\usepackage{tikz}
\usetikzlibrary{fadings}
\newcommand{\gradient}[1]{\noindent%
    \begin{tikzpicture}
    \fill[cyan,path fading=east] (0,1em) rectangle (\linewidth,1.5em);
    \node at (.5\linewidth,0) {\bfseries #1};
    \fill[cyan,path fading=west] (0,-1em) rectangle (\linewidth,-1.5em);
    \end{tikzpicture}%
}

\begin{document}
\lipsum[1]
\gradient{Thermodynamics}
\lipsum[2]
\end{document}

在此处输入图片描述

答案2

调整 Sigur 的答案，只给出规则本身的命令，而不给出标题的其余部分，你可以尝试

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{fadings}
\newcommand{\tikzrule}[3][]{\tikz{\fill[#1] (0,0) rectangle (#2,#3);}}

\begin{document}
{\centering
\tikzrule[cyan, path fading=east]{\textwidth}{1em}\\[.5em]
\textbf{Thermodynamics}\\[.5em]
\tikzrule[cyan, path fading=west]{\textwidth}{1em}
}

\noindent
\tikzrule{.9\textwidth}{3pt}\\
\rule{.9\textwidth}{3pt}
\end{document}

彩色水平线

该命令的\tikzrule行为类似于内置命令，只是它接受一个作为 tikz 样式传递的可选参数。然而，就可以使用哪些类型的表达式作为其维度而言，\rule它的鲁棒性稍差一些（例如，在 中不起作用）。\rule\dimexpr\tikzrule

请注意，它\tikzrule本身在没有 tikzlibrary 的情况下仍然可以工作fadings，尽管你当然需要这个库才能产生淡入淡出效果。

相关内容