非推奨
この機能はウェブ標準から削除されました。まだ対応しているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。使用を避け、できれば既存のコードを更新してください。このページの下部にあるブラウザーの対応を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
この要素はSVG1.1仕様（第2版）で廃止され、将来のSVGのバージョンで削除される可能性があります。 この要素は <animate> 要素に置き換えられ、FirefoxやInternet Explorerでは実装されておりません。SVGファイル製作者はこの要素の代わりに<animate>要素を使うべきです。
概要
animateColor要素は時間経過による色の変換を指定します。
使用可能な場所
| カテゴリー | 基本シェイプ要素 、 グラフィックス要素 、 図形要素 |
|---|---|
| 許可された内容 | 任意の数、任意の順で以下の要素を配置可能： 説明的要素 |
例
属性
グローバル属性
- 条件処理属性 »
- コア属性 »
- アニメーションイベント属性 »
- Xlink属性 »
- Animation attribute target attributes »
- アニメーションタイミング属性 »
- Animation value attributes »
- Animation addition attributes »
externalResourcesRequired
専用属性
DOM インターフェース
この要素は SVGAnimateColorElement インターフェースを提供します。
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) <animateColor> の定義 |
勧告 | 最初の定義 |
ブラウザー互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
animateColor | Chrome 未対応 なし | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 未対応 なし | Safari ? | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
by | Chrome 未対応 なし | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 未対応 なし | Safari ? | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
from | Chrome 未対応 なし | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 未対応 なし | Safari ? | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
to | Chrome 未対応 なし | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 未対応 なし | Safari ? | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android ? | Safari iOS ? | Samsung Internet Android 未対応 なし |
凡例
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 非推奨。新しいウェブサイトでは使用しないでください。
- 非推奨。新しいウェブサイトでは使用しないでください。