Gradientes lineares e radiais são muito flexíveis emSVG. É possível criar gradientes contendo múltiplas paradas com cores translúcidas. Aqui está um exemplo:
Os gradientes na figura da esquerda para a direita são lineares, radiais sem foco e radiais com foco em um ponto, respectivamente. A primeira linha mostra a aplicação desses gradientes a um retângulo e a segunda linha mostra a mesma aplicação a um círculo. As paradas são iguais em todos os gradientes da seguinte forma:
<stop offset="0.000000" stop-color="#ffffff00"/>
<stop offset="0.200000" stop-color="#ffff00ff" />
<stop offset="0.400000" stop-color="#0000ff88" />
<stop offset="0.600000" stop-color="#008000ff" />
<stop offset="0.800000" stop-color="#ff0000ff" />
<stop offset="1.000000" stop-color="#ff5599cc" />
(Não inseri o código SVG completo por questões de brevidade.)
Desejo construir esta imagem usando TikZ em LaTeX. Estudei várias documentações e tutoriais sobre sombreamento e desbotamento, nenhum dos quais dando a menor pista de como construir esta imagem (até agora, aprendi que é possível sombrear contendo múltiplas paradas com cores opacas, embora com flexibilidade muito baixa). Então, minha pergunta em uma linha é:
Como implementar a imagem da questão em LaTeX usando TikZ?
Responder1
\documentclass[tikz]{standalone}
\usetikzlibrary{shadings, fadings}
\begin{document}
\begin{tikzpicture}
\definecolor{color1}{RGB}{255,0,0} \definecolor{color2}{RGB}{0,255,0} \definecolor{color3}{RGB}{0,0,255}
\tikzfading[name=fade1, top color=transparent!0, bottom color=transparent!100] \tikzfading[name=fade2, top color=transparent!0, bottom color=transparent!100] \tikzfading[name=fade3, top color=transparent!0, bottom color=transparent!100] –
\shade[path fading=fade1, left color=color1, right color=color1] (0,0) rectangle (2,1); \shade[path fading=fade2, left color=color2, right color=color2] (0,1) rectangle (2,2); \shade[path fading=fade3, left color=color3, right color=color3] (0,2) rectangle (2,3); \end{tikzpicture}
\end{document}
