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 keywordmatrix
indicates 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:
<animateTransform>
<feColorMatrix>
<feFuncA>
<feFuncB>
<feFuncG>
<feFuncR>
<feTurbulence>
<script>
<style>
Usage context
For the <animateTransform>
elements
Categories | None |
---|---|
Value | translate | scale | rotate | skewX | skewY |
Animatable | No |
Normative document | SVG 1.1 (2nd Edition) |
For the <feColorMatrix>
element
Categories | None |
---|---|
Value | matrix | saturate | hueRotate | luminanceToAlpha |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
For the <feFuncR>
, <feFuncG>
, <feFuncB>
, and <feFuncA>
elements
Categories | None |
---|---|
Value | identity | table | discrete | linear | gamma |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
For the <feTurbulence>
element
Categories | None |
---|---|
Value | fractalNoise | turbulence |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
For the <style>
and <script>
elements
Categories | None |
---|---|
Value | <content-type> |
Animatable | No |
Normative document | SVG 1.1 (2nd Edition) : script SVG 1.1 (2nd Edition) : style |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type