Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining

transform method

Modifies the transformation matrix of the current context.

HTML Canvas 2D Context, Section 3Internet Explorer 9



object.transform(m11, m12, m21, m22, dx, dy);


m11 [in]

Type: number

The m1,1 value in the matrix.

m12 [in]

Type: number

The m1,2 value in the matrix.

m21 [in]

Type: number

The m2,1 value in the matrix.

m22 [in]

Type: number

The m2,2 value in the matrix.

dx [in]

Type: number

The delta x (dx) value in the matrix.

dy [in]

Type: number

The delta y (dy) value in the matrix.

Return value

This method does not return a value.

Standards information


The parameters of ICanvasRenderingContext2D::transform represent a matrix of the following format.

Illustration of the transform matrix

This matrix is multiplied with the transformation matrix of the current context.

See also




Community Additions

© 2015 Microsoft