TikZ 中完全可自訂的顏色漸變

Question

線性和徑向漸變非常靈活靜止無功發生器。可以使用半透明顏色建立包含多個停止點的漸層。這是一個例子：

圖中從左到右的漸變分別是線性漸變、無焦點徑向漸層和焦點在點上的徑向漸層。第一行顯示了這些漸層對矩形的應用，第二行顯示了對圓形的相同應用。所有梯度的停止點都是相等的，如下所示：

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