type
The type attribute is a generic attribute and it has different meaning based on the context in which it's used.
- For the
<animateTransform>element, it defines the type of transformation, whose values change over time. - For the
<feColorMatrix>element, it indicates the type of matrix operation. The keywordmatrixindicates that a full 5x4 matrix of values will be provided. The other keywords represent convenience shortcuts to allow commonly used color operations to be performed without specifying a complete matrix. - For the
<feFuncR>,<feFuncG>,<feFuncB>, and<feFuncA>elements, it Indicates the type of component transfer function. - For the
<feTurbulence>element, it indicates whether the filter primitive should perform a noise or turbulence function. - For the
<style>and<script>elements, it defines the content type of the element.
You can use this attribute with the following SVG elements:
Usage context
For the <animateTransform> elements
SVG element: <animateTransform>
| Categories | None |
|---|---|
| Value |
translate | scale |
rotate | skewX | skewY
|
| Animatable | No |
| Normative document | Scalable Vector Graphics (SVG) 2 |
For the <feColorMatrix> element
SVG element: <feColorMatrix>
| Categories | None |
|---|---|
| Value |
matrix | saturate |
hueRotate | luminanceToAlpha
|
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
For the <feFuncR>, <feFuncG>, <feFuncB>, and <feFuncA> elements
SVG elements: <feFuncR>, <feFuncG>, <feFuncB>, <feFuncA>
| Categories | None |
|---|---|
| Value |
identity | table | discrete |
linear | gamma
|
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
For the <feTurbulence> element
SVG element: <feTurbulence>
| Categories | None |
|---|---|
| Value |
fractalNoise | turbulence
|
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
For the <style> and <script> elements
SVG elements: <style>, <script>
| Categories | None |
|---|---|
| Value | <media-type> |
| Animatable | No |
| Normative document |
Scalable Vector Graphics (SVG) 2 Scalable Vector Graphics (SVG) 2 |