Definir sombreamento elástico

Definir sombreamento elástico

Gostaria de definir o sombreamento horizontal, que poderia ser esticado dependendo da necessidade. O que eu fiz até agora foi isso

\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}

mas simplesmente não funciona. Por que?

EDITAR: Isso énãosobre antecedentes sofisticados. Tenho que apresentar as variações de pressão do ar e não tenho medidas exatas do retângulo. Se eu soubesse as medidas exatas do retângulo ( \leng), poderia usar 0.25*\leng, 0.75*\lenge\leng

Responder1

Conforme descrito no manual, o sombreamento é dimensionado para que os 50% do meio preencham o caminho, o que, embora útil em muitos casos (particularmente com caminhos excessivamente não retangulares ou sombreamentos girados), é um pouco incômodo neste caso.

Porém, é possível explorar o path picturerecurso, obter o tamanho do caminho e dimensionar o sombreamento manualmente. Envolve algumas travessuras básicas de camada e nenhuma rotação de sombreamento é suportada (pelo menos no exemplo abaixo). O sombreamento padrão está à esquerda, o sombreamento da imagem do caminho está à direita:

\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}

insira a descrição da imagem aqui

Responder2

Seu sombreamento funciona muito bem! Sempre há algumas partes ocultas em um sombreamento (cf. pgfmanual p.1090 do TikZ/PGF v3.0).

Se quiser usar todo o sombreamento, você pode usar \pgfuseshading{pressure}como conteúdo de um nó usando xscalee yscalepara redimensioná-lo (e inner sep=0para remover margens indesejadas).

Editar:Usando a calcbiblioteca TikZ, você pode calcular os fatores de escala.

insira a descrição da imagem aqui

\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}

Responder3

Você sempre pode usar umlindoimagem como plano de fundo.

\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}

Estique-o usando a widthchave.

insira a descrição da imagem aqui

informação relacionada