mozilla
Your Search Results

    linearGradient

    概要

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

    使用可能な場所

    カテゴリ グラデーション要素
    許可された内容 任意の数、任意の順で以下の要素を配置可能:
    説明的要素 »
    <animate>, <animatetransform>, <set>, <stop>
    標準文書 SVG 1.1 (2nd Edition)

    ソースコード 出力結果
    <?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)

    関連情報

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

    Contributors to this page: manzyun, teoli
    最終更新者: teoli,