SVG グラデーション - 円形

SVG 円形グラデーション - <radialGradient>

<radialGradient> 要素は、円形のグラデーションを定義するために使用します。

<radialGradient> 要素は、<defs> タグ内にネストする必要があります。

<radialGradient> 要素は、円形のグラデーションを定義するために使用します。

<defs> タグは、definitions の略語であり、特別な要素（例えば、グラデーションなど）の定義が含まれます。

白から青への円形グラデーションを持つ楕円を定義します：

SVG コードは次の通りです：

コードの説明：

<radialGradient> タグの id 属性は、グラデーションにユニークな名前を定義します
cx、cy および r 属性は、最も外側の円を定義し、fx と fyは、最も内側の円を定義します
グラデーションの色の範囲は、2 色以上で構成することができます。各色は <stop> タグで指定します。 offset 属性は、グラデーションの色がどこで始まりどこで終るのかを定義するのに使用します
fill 属性は、ellipse 要素をグラデーションにリンクします

白から青への円形グラデーションを持つ別な楕円を定義します:

SVG コードは次の通りです：