SVGグラデーション-ラジアル

SVGラジアルグラデーション-<radialGradient>

<radialGradient>要素は、放射状グラデーションを定義するために使用されます。

<radialGradient>要素は、<defs>タグ内にネストする必要があります。<defs>タグは定義の略で、特別な要素（グラデーションなど）の定義が含まれています。

白から青への放射状のグラデーションで楕円を定義します。

SVGコードは次のとおりです。

コードの説明：

<radialGradient>タグのid属性は、グラデーションの一意の名前を定義します
cx、cy、およびr属性は最も外側の円を定義し、fxおよびfyは最も内側の円を定義します。
グラデーションの色の範囲は、2つ以上の色で構成できます。各色は<stop>タグで指定されます。オフセット属性は、グラデーションカラーの開始位置と終了位置を定義するために使用されます
fill属性は、楕円要素をグラデーションにリンクします

白から青への放射状のグラデーションで別の楕円を定義します。

SVGコードは次のとおりです。