matrix
a
b
c
cx
cy
d
dx
dy
e
f
fx
fy
id
in1
in2
k1
k2
k3
k4
r1
r2
x
x1
x2
y
y1
y2
z
TOC
Collapse the table of content
Expand the table of content

matrix property

Gets the matrix that represents this transformation.

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

 

Syntax

JavaScript
p = object.matrix

 

Property values

Type: Object

The matrix that represents this transformation.

Standards information

Remarks

The matrix object is live (that is, any changes to the SVGTransform object are immediately reflected in the matrix object and vice versa). If you change the matrix object directly (that is, without using the SVGTransform methods), the SVGTransform type changes to SVG_TRANSFORM_MATRIX.

The values in the returned matrix changes based on the type of matrix:

  • For a SVG_TRANSFORM_MATRIX matrix, the matrix contains the a, b, c, d, e, and f values that the user supplies.
  • For a SVG_TRANSFORM_TRANSLATE matrix, the e and f values represent the translation amounts (a=1, b=0, c=0, and d=1).
  • For a SVG_TRANSFORM_SCALE matrix, the a and d values represent the translation amounts (b=0, c=0, e=0, and f=0).
  • For a SVG_TRANSFORM_ROTATE, SVG_TRANSFORM_SKEWX, or SVG_TRANSFORM_SKEWY matrix, the a, b, c, and d values represent the matrix that causes the given transformation (e=0 and f=0).

See also

SVGTransform

 

 

Show:
© 2017 Microsoft