この翻訳は不完全です。英語から この記事を翻訳 してください。

animateTransform 要素は、 ターゲット要素に対して変換属性をアニメーション化し、これにより変形、スケーリング、回転およびまたはゆがみのアニメーションを制御することができます。

使用可能な場所

カテゴリーアニメーション要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
説明的要素

<?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" >

    <polygon points="60,30 90,90 30,90">
        <animateTransform attributeName="transform"
                          attributeType="XML"
                          type="rotate"
                          from="0 60 70"
                          to="360 60 70"
                          dur="10s"
                          repeatCount="indefinite"/>
    </polygon>
</svg>

ライブサンプル

属性

グローバル属性

専用属性

DOM インターフェース

この属性は SVGAnimateTransformElement インターフェースを提供します。

 

仕様

仕様 ステータス コメント
SVG Animations Level 2
<animateTransform> の定義
編集者草案 変更なし
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<animateTransform> の定義
勧告 初回定義

ブラウザ互換性

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり ? あり なし あり ?
by ? ? ? ? ? ?
from ? ? ? ? ? ?
to ? ? ? ? ? ?
type ? ? ? ? ? ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ? ? ? ? ? ? ?
by ? ? ? ? ? ? ?
from ? ? ? ? ? ? ?
to ? ? ? ? ? ? ?
type ? ? ? ? ? ? ?

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

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