← 返回首页
type - SVG | MDN

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:

In this article

Usage context

For the <animateTransform> elements

SVG element: <animateTransform>

Categories Value Animatable Normative document
None
translate | scale | rotate | skewX | skewY
No
Scalable Vector Graphics (SVG) 2

For the <feColorMatrix> element

SVG element: <feColorMatrix>

Categories Value Animatable Normative document
None
matrix | saturate | hueRotate | luminanceToAlpha
Yes
Filter Effects Module Level 1

For the <feFuncR>, <feFuncG>, <feFuncB>, and <feFuncA> elements

SVG elements: <feFuncR>, <feFuncG>, <feFuncB>, <feFuncA>

Categories Value Animatable Normative document
None
identity | table | discrete | linear | gamma
Yes
Filter Effects Module Level 1

For the <feTurbulence> element

SVG element: <feTurbulence>

Categories Value Animatable Normative document
None
fractalNoise | turbulence
Yes
Filter Effects Module Level 1

For the <style> and <script> elements

SVG elements: <style>, <script>

Categories Value Animatable Normative document
None
<media-type>
No
Scalable Vector Graphics (SVG) 2
Scalable Vector Graphics (SVG) 2