TikZ에서 완전히 사용자 정의 가능한 색상 그라데이션

TikZ에서 완전히 사용자 정의 가능한 색상 그라데이션

선형 및 방사형 그래디언트는 매우 유연합니다.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에서 질문 그림을 구현하는 방법은 무엇입니까?

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

여기에 이미지 설명을 입력하세요

관련 정보