TikZ 中完全可定制的颜色渐变

Question

线性渐变和径向渐变非常灵活SVG。可以创建包含多个半透明颜色停止点的渐变。以下是示例：

图中从左到右的渐变分别为线性、无焦点的径向渐变和焦点在一点的径向渐变。第一行显示将这些渐变应用于矩形，第二行显示将这些渐变应用于圆形。所有渐变的停止点都相等，如下所示：

<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" />

（为了简洁起见，我没有插入完整的 SVG 代码。）

我希望使用 LaTeX 中的 TikZ 构建此图片。我研究了有关阴影和褪色的多个文档和教程，但没有一个能提供任何有关如何构建此图片的线索（到目前为止，我了解到包含多个不透明颜色停止的阴影是可能的，尽管灵活性很低）。所以，我的问题是：

如何使用TikZ在LaTeX中实现题目的图片？

Answer 1

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