Definir sombreado extensible

Definir sombreado extensible

Me gustaría definir un sombreado horizontal, que podría ampliarse según las necesidades. Lo que hice hasta ahora es esto

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

pero simplemente no funciona. ¿Por qué?

EDITAR: Esto esnosobre un fondo elegante. Tengo que presentar los cambios de presión en el aire y no tengo medidas exactas del rectángulo. Si hubiera sabido las medidas exactas del rectángulo ( \leng), podría usar 0.25*\leng, 0.75*\lengy\leng

Respuesta1

Como se describe en el manual, el sombreado se escala de modo que el 50% central llene el camino, lo que si bien es útil en muchos casos (particularmente con caminos excesivamente no rectangulares o sombreados rotados), es un poco molesto en este caso.

Sin embargo, se puede explotar la path picturecaracterística, obtener el tamaño del camino y escalar el sombreado manualmente. Implica algunas travesuras de capas básicas y no se admite la rotación de sombreado (al menos en el siguiente ejemplo). El sombreado predeterminado está a la izquierda, el sombreado de la imagen de la ruta está a la derecha:

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

ingrese la descripción de la imagen aquí

Respuesta2

¡Tu sombreado funciona muy bien! Siempre hay algunas partes ocultas en un sombreado (cf. pgfmanual p.1090 de TikZ/PGF v3.0).

Si desea utilizar todo el sombreado, puede utilizarlo \pgfuseshading{pressure}como contenido de un nodo xscaley yscalecambiar su tamaño (y inner sep=0eliminar márgenes no deseados).

Editar:Utilizando la calcbiblioteca TikZ, puede calcular los factores de escala.

ingrese la descripción de la imagen aquí

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

Respuesta3

Siempre puedes usar unhermosoimagen como fondo.

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

Estíralo usando la widthllave.

ingrese la descripción de la imagen aquí

información relacionada