SVGMatrix object

Defines a 3×3 arithmetic matrix and several simple matix operations.

Scalable Vector Graphics: Coordinate Systems, Transformations and Units, Section 7.14.3

Members

The SVGMatrix object has these types of members:

Methods
Properties

Methods

The SVGMatrix object has these methods.

Method	Description
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.

Properties

The SVGMatrix object has these properties.

Property	Description
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.

Standards information

Scalable Vector Graphics: Coordinate Systems, Transformations and Units, Section 7.14.3

Remarks

Note In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherit 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].