mozilla
Your Search Results

    radialGradient

    radialGradient要素はグラフィックス要素の塗りまたは線への放射状グラデーションを定義します

    使用可能な場所

    カテゴリ グラデーション要素
    許可された内容 任意の数、任意の順で以下の要素を配置可能:
    説明的要素 »
    <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>
            <radialGradient id="MyGradient">
                <stop offset="10%" stop-color="gold"/>
                <stop offset="95%" stop-color="green"/>
            </radialGradient>
        </defs>
    
        <circle fill="url(#MyGradient)"
                cx="60" cy="60" r="50"/>
    </svg>

    » radialGradient.svg

    属性

    グローバル属性

    専用属性

    DOM インターフェース

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

    ブラウザ実装状況

    機能 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では color-interpolation はサポートされておりません。(bug 6034)

    関連情報

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

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