animateColor

非推奨
この機能はウェブ標準から削除されました。まだ対応しているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。使用を避け、できれば既存のコードを更新してください。このページの下部にあるブラウザーの対応を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

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

概要

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

使用可能な場所

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

例

» animateColor.svg

属性

グローバル属性

専用属性

by
from
to

DOM インターフェース

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

仕様

仕様	状態	コメント
Scalable Vector Graphics (SVG) 1.1 (Second Edition) <animateColor> の定義	勧告	最初の定義

ブラウザー互換性

Update compatibility data on GitHub

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`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 未対応なし

凡例

未対応: 未対応
実装状況不明: 実装状況不明
非標準。ブラウザー間の互換性が低い可能性があります。: 非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。: 非推奨。新しいウェブサイトでは使用しないでください。