mozilla

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: teoli, manzyun
最終更新者: teoli,