MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

« SVG Attribute reference home

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

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

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

  • 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.

  • 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> element

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

예제

Elements

The following elements can use the values attribute

문서 태그 및 공헌자

 이 페이지의 공헌자: tadkim
 최종 변경: tadkim,