animateColor

非推奨
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.

この要素はSVG1.1仕様(第2版)で廃止され、将来のSVGのバージョンで削除される可能性があります。 この要素は <animate> 要素に置き換えられ、FirefoxやInternet Explorerでは実装されておりません。SVGファイル製作者はこの要素の代わりに<animate>要素を使うべきです。

概要

animateColor要素は時間経過による色の変換を指定します。

使用可能な場所

カテゴリ基本シェイプ要素 、 グラフィックス要素 、 図形要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
説明的要素

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

    <circle cx="60" cy="60" r="50">
        <animateColor attributeName="fill" 
                      attributeType="XML"
                      from="black"
                      to="red"
                      dur="6s"
                      repeatCount="indefinite"/>
    </circle>
</svg>

» animateColor.svg

属性

グローバル属性

専用属性

DOM インターフェース

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

関連情報

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

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