This page is Not Ready

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

SVGMatrix

Inherits from SVGElementSVGElement

Properties

No properties.

Methods

No methods.

Events

No events.

Inherited from SVGElement

Properties

No properties.

Methods

No methods.

Events

No events.

Notes

Remarks

Note: In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent core HTML attributes, properties, events, methods, and styles.

Many SVG graphics operations use 2×3 matrices. When you need a matrix for matrix arithmetic, you can expand a 2×3 matrix into a 3×3 matrix equivalent by adding a third row of [0 0 1].

Standards information

Members

The SVGMatrix object has these methods:

  • flipX: Returns a matrix equivalent to a flip about the x-axis.
  • flipY: Returns a matrix equivalent to a flip about the y-axis.
  • inverse: Returns the inverse of this matrix.
  • multiply: Post-multiplies the matrix by the specified second matrix and returns the resulting matrix.
  • rotate: Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix.
  • rotateFromVector: Post-multiplies the matrix by a specified rotation transformation and returns the resulting matrix.
  • scale: Post-multiplies the matrix by a uniform scale transformation and returns the resulting matrix.
  • scaleNonUniform: Post-multiplies the matrix by a non-uniform scale transformation and returns the resulting matrix.
  • skewX: Post-multiplies the matrix by a skew transformation along the x-axis and returns the resulting matrix.
  • skewY: Post-multiplies the matrix by a skew transformation along the y-axis and returns the resulting matrix.
  • translate: Post-multiplies the matrix by a translation transformation and returns the resulting matrix.

The SVGMatrix object has these properties:

  • a: Gets or sets the a entry of the SVGMatrix.
  • b: Gets or sets the b entry of the SVGMatrix.
  • c: Gets or sets the c entry of the SVGMatrix.
  • d: Gets or sets the d entry of the SVGMatrix.
  • e: Gets or sets the e entry of the SVGMatrix.
  • f: Gets or sets the f entry of the SVGMatrix.

Attributions