此页面由社区从英文翻译而来。了解更多并加入 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>

该值包含一个或多个以分号分隔的值。这些值的类型由 href 和 attributeName 属性定义。

feColorMatrix

对于 <feColorMatrix> 元素,values 是数字列表,会根据 type 属性的值有不同解释。

值 <list-of-numbers>
默认值 若 type="matrix",为单位矩阵,
若 type="saturate",为 1,结果为单位 矩阵,
若 type="hueRotate",为 0, 结果为单位矩阵
动画性 是
<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