☰

定義可拉伸陰影

tag-icon • tag-icon tikz-pgf
定義可拉伸陰影

我想定義水平陰影，可以根據需要進行拉伸。到目前為止我所做的是這樣的

\documentclass{standalone}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
\pgfdeclarehorizontalshading{pressure}{1cm}{color(0cm)=(black!30); color(1cm)=(black!50); color(3cm)=(black!10); color(4cm)=(black!30)}
\shade[shading=pressure] (0,0) rectangle (10cm,2cm);
\end{tikzpicture}

\end{document}

但它就是行不通。為什麼？

編輯： 這是不是關於花俏的背景。我必須呈現空氣中壓力的變化，但我沒有矩形的精確測量。如果我知道矩形 ( \leng) 的精確尺寸，​​我可以使用0.25*\leng,0.75*\leng和\leng

答案1

正如手冊中所述，陰影被縮放，以便中間 50% 填充路徑，這雖然在許多情況下很有用（特別是對於過度非矩形路徑或旋轉陰影），但在這種情況下有點麻煩。

然而，人們可以利用這項path picture功能，獲取路徑的大小並手動縮放陰影。它涉及一些基本的層惡作劇，並且不支援著色旋轉（至少在下面的範例中）。預設底紋在左邊，路徑圖底紋在右邊：

\documentclass[tikz,border=5]{standalone}
\usetikzlibrary{calc}
\newbox\shbox
\tikzset{%
  path picture shading/.style={%
    path picture={%
%
\pgfpointdiff{\pgfpointanchor{path picture bounding box}{south west}}%
  {\pgfpointanchor{path picture bounding box}{north east}}%
\pgfgetlastxy\pathwidth\pathheight%
\pgfinterruptpicture%
   \global\setbox\shbox=\hbox{\pgfuseshading{#1}}%
 \endpgfinterruptpicture%
\pgftransformshift{\pgfpointanchor{path picture bounding box}{center}}%
\pgftransformxscale{\pathwidth/(\wd\shbox)}%
\pgftransformyscale{\pathheight/(\ht\shbox)}% \dp will (should) be 0pt
\pgftext{\box\shbox}%
%
    }
  }
}
\pgfdeclarehorizontalshading{pressure}{25bp}{color(0bp)=(red); color(25bp)=(yellow); color(50bp)=(pink); color(75bp)=(green); color(100bp)=(blue)}


\begin{document}
\begin{tikzpicture}
\node at (3,0) {\tt shading=pressure};
\node at (9,0) {\tt path picture shading=pressure};
\foreach \i in {1,...,6}{
\draw [shading=pressure] (0,\i) rectangle +(\i,1);
\draw [path picture shading=pressure] (7,\i) rectangle +(\i,1);
}
\end{tikzpicture}
\end{document}

在此輸入影像描述

答案2

你的遮光效果很好！陰影中總是存在一些隱藏部分（參見 TikZ/PGF v3.0 的 pgfmanual p.1090）。

如果您想使用整個陰影，您可以使用和來調整其大小（並刪除不需要的邊距）\pgfuseshading{pressure}作為節點的內容。xscaleyscaleinner sep=0

編輯：使用calcTikZ 庫，您可以計算縮放因子。

在此輸入影像描述

\documentclass[tikz]{standalone}
\usetikzlibrary{calc}
\pgfdeclarehorizontalshading{pressure}{1cm}{
  color(0cm)=(red);
  color(1cm)=(black!50);
  color(2cm)=(yellow!10);
  color(3cm)=(blue)
}
\begin{document}
\begin{tikzpicture}
  \node[inner sep=0,xscale=10/3,yscale=2/1]
  at (0,0) {\pgfuseshading{pressure}};
  \node[inner sep=0,xscale=10/3,yscale=.5/1]
  at (0,2) {\pgfuseshading{pressure}};

  \coordinate (a) at (-2,5);
  \coordinate (b) at (8,6);

  \path let \p1=(a), \p2=(b),
  \p3=({(\x2-\x1)/3cm},{(\y2-\y1)/1cm}),
  \p4=($(\p1)!.5!(\p2)$)
  in node[at=(\p4),inner sep=0,xscale=\x3,yscale=\y3]{\pgfuseshading{pressure}};
\end{tikzpicture}
\end{document}

答案3

您始終可以使用美麗的圖像作為背景。

\documentclass{article}
\usepackage{tikz, graphicx}

\begin{document}
\begin{tikzpicture}
\node[inner sep=0pt] (x) at (0,0)
    {\includegraphics[width=.5\textwidth]{bg.jpg}};
\node[inner sep=0pt] (y) at (5,-6)
    {\includegraphics[width=.25\textwidth]{bg.jpg}};
\draw[<->,thick] (x.south east) -- (y.north west)
    node[midway,fill=white] {Backgrounds};
\end{tikzpicture}
\end{document}

使用width鑰匙將其拉伸。

在此輸入影像描述

相關內容