中心の起点から放射状に 2 色間で色が変化するグラデーションです。
構文
<RadialGradient centerX="float" centerY="float" radius="float" colors="argb-color argb-color" positions="float float" />
属性
RadialGradient
要素には次の属性を含める必要があります。
centerX
- 半径の中心の x 座標。
centerY
- 半径の中心の y 座標。
radius
- 正の値を指定してください。このグラデーションの円の半径です。
colors
- スペース区切りの色のリスト。ARGB 形式(
#ff000000
= 不透明な黒)または RGB 形式(#000000
= 黒)を使用して、それぞれの色を指定する必要があります。 positions
- スペース区切りの浮動小数点数のリスト。色属性内の対応する各色の相対位置 [0..1]。空の文字列の場合、色はグラデーション線に沿って均等に配分されます。
内部要素
RadialGradient
要素には、0~4 個の Transform
要素を含められます。
あなたへのおすすめ
- 注: JavaScript がオフになっている場合はリンクテキストが表示されます
- SweepGradient
- LinearGradient
- Stroke