LinearGradient

線に沿って 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