Mozilla wants to hear from developers like you. http://www.surveygizmo.com/s3/2737536/440b74c45e94?a=mdn

linearGradient

概要

linearGradient要素はグラフィック要素の塗りまたは線への線形グラデーションを定義します。

使用可能な場所

カテゴリグラデーション要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
説明的要素
<animate><animateTransform><set><stop>

ソースコード 出力結果
<?xml version="1.0"?>
<svg width="120" height="120"  viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink" >

    <defs>
        <linearGradient id="MyGradient">
            <stop offset="5%"  stop-color="green"/>
            <stop offset="95%" stop-color="gold"/>
        </linearGradient>
    </defs>

    <rect fill="url(#MyGradient)"
          x="10" y="10" width="100" height="100"/>
</svg>

» linearGradient.svg

属性

グローバル属性

専用属性

DOM インターフェース

この要素は SVGLinearGradientElement インターフェースを提供します。

ブラウザ実装状況

機能 Chrome Firefox (Gecko) IE Opera Safari
基本サポート 1.0 1.5 (1.8) 9.0 9.0 3.0.4
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 3.0 1.0 (1.8) 未サポート (有) 3.0.4

Compatibility sources に基づく。

WebKit向けノート

WebKitではspreadMethodcolor-interpolation はサポートされておりません。(bug 5968)(bug 6034)

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, teoli, manzyun
 最終更新者: Sebastianz,