values

« SVG Attribute reference home

values 속성은 사용하는 맥락에 따라 크게 두 가지 의미가 있습니다.

애니메이션 요소의 경우, values 속성은 세미콜론으로 구분된 하나 이상의 값 목록입니다. 애니메이션은 애니메이션 과정에서 순서대로 값을 적용합니다. 값 목록이 지정되면 from (en-US), to (en-US) 그리고 by (en-US) 속성 값은 무시됩니다.

<feColorMatrix> (en-US) 요소의 경우 값의 내용은 type (en-US) 속성의 값에 따라 다릅니다:

  • For type="matrix", values is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma.
  • For type="saturate", values is a single real number value (0 to 1).
  • For type="hueRotate", values is a single one real number value (degrees).
  • For type="luminanceToAlpha", values is not applicable.

If the attribute is not specified, then the default behavior depends on the value of attribute type (en-US).

  • If type="matrix", then this attribute defaults to the identity matrix.
  • If type="saturate", then this attribute defaults to the value 1, which results in the identity matrix.
  • If type="hueRotate", then this attribute defaults to the value 0, which results in the identity matrix.

Usage context

For animation elements

Categories Animation value attribute
Value <list>
Animatable No
Normative document SVG 1.1 (2nd Edition)

For the <feColorMatrix> (en-US) element

Categories None
Value <list> | <number>
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

예제

Elements

The following elements can use the values attribute