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