setTransform method

Resets the current transformation matrix of the context back to the identity matrix and then multiplies it by the specified matrix.

HTML Canvas 2D Context, Section 3Internet Explorer 9



object.setTransform(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 transformation matrix of the current context is reset back to the identity matrix. After it is reset, the transformation matrix of the context is multiplied by the matrix that the specified parameters form.

Illustration of the transform matrix

See also