We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

type

« SVG Attribute reference home

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.

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

Example

Elements

The following elements can use the values attribute

Document Tags and Contributors

Contributors to this page: Jeremie, jswisher
Last updated by: Jeremie,