animate

by 3 contributors:

この文書は翻訳中です。他国語のままの部分などがあるのはその為です。
是非お気軽に MDN に登録して翻訳に参加し、私たちの手助けをして下さい!

概要

animate 要素は図形要素の中に入れ、animate要素の属性には、アニメーションによってどのように変化するかを定義します。属性で指定された時間の間、初期値から終了値まで変化します。

使用可能な場所

カテゴリ アニメーション属性
許可された内容 任意の数、任意の順で以下の要素を配置可能。
説明的要素 »
標準文書 SVG 1.1 (2nd Edition)

ソースコード 出力結果
<?xml version="1.0"?>
<svg width="120" height="120" 
     viewPort="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
	
    <rect x="10" y="10" width="100" height="100">
        <animate attributeType="XML"
                 attributeName="x"
                 from="-100" to="120"
                 dur="10s"
                 repeatCount="indefinite"/>
    </rect>
	
</svg>

» animate.svg

属性

グローバル属性

専用属性

DOM インターフェース

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

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 2.0 4.0 (2.0) 未サポート 9.0 4.0
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? 4.0 (2.0) 未サポート 9.5 4.0

Compatibility sources に基づく。

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

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