線に沿って 2 色間で色が変化するグラデーションです。
構文
<LinearGradient startX="float" startY="float" endX="float" endY="float" colors="argb-color argb-color" positions="float float" />
属性
LinearGradient
要素には次の属性を含める必要があります。
startX
グラデーション線の始点となる X 座標。
この属性は変換可能です。
startY
グラデーション線の終点となる Y 座標。
この属性は変換可能です。
endX
グラデーション線の終点となる X 座標。
この属性は変換可能です。
endY
グラデーション線の終点となる y 座標。
この属性は変換可能です。
colors
スペース区切りの色のリスト。ARGB 形式(
#ff000000
= 不透明な黒)または RGB 形式(#000000
= 黒)を使用して、それぞれの色を指定する必要があります。positions
スペース区切りの浮動小数点数のリスト。色属性内の対応する各色の相対位置 [0..1]。空の文字列の場合、色はグラデーション線に沿って均等に配分されます。
内部要素
LinearGradient
要素には、0~4 個の Transform
要素を含められます。
あなたへのおすすめ
- 注: JavaScript がオフになっている場合はリンクテキストが表示されます
- SweepGradient
- LINE
- LINE