1. 開発者向けのウェブ技術
  2. SVG
  3. リファレンス
  4. 属性
  5. values

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

values

values 属性の意味は、使用されるコンテキストによって異なります。アニメーションの進行中に使用される値のシーケンスを定義する場合もあれば、カラー行列用の数値のリストである場合もあります。後者の場合、実行される色の変化の種類に応じて解釈が異なります。

この属性は、以下の SVG 要素で使用することができます。

animate, animateMotion, animateTransform

<animate>、<animateMotion>、<animateTransform> の場合、values は、アニメーションの進行に伴う値のシーケンスを定義する値のリストとなります。この属性が指定された場合、その要素に設定された from、to、by の属性値は無視されます。

値 <list-of-values>
デフォルト値 なし
アニメーション 不可
<list-of-values>

この値には、1 つ以上の値がセミコロンで区切られたリストが格納されます。値の型は、href および attributeName 属性によって定義されます。

feColorMatrix

<feColorMatrix> 要素において、values は数値のリストであり、その解釈は type 属性の値によって異なります。

値 <list-of-numbers>
デフォルト値 type="matrix" の場合、恒等行列です。
type="saturate" の場合、1 であり、結果として恒等行列です。
type="hueRotate" の場合、0 であり、結果として恒等行列です。
アニメーション Yes
<list-of-numbers>

この値は数値のリストであり、type 属性の値に応じて異なる方法で解釈されます。

  • type="matrix" の場合、values は 20 個の行列値のリスト (a00 a01 a02 a03 a04 a10 a11 … a34) であり、ホワイトスペースやカンマで区切られます。
  • type="saturate" の場合、values は単一の整数値（0 ～ 1）です。
  • type="hueRotate" の場合、values は単一の整数値（角度）です。
  • type="luminanceToAlpha" の場合、values は適用されません。

仕様書

仕様書
Filter Effects Module Level 1
# element-attrdef-fecolormatrix-values
SVG Animations Level 2
# ValuesAttribute

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告