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 keyword matrix 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:

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