---
title: setTransform
framework: webkitjs
role: symbol
role_heading: Instance Method
path: webkitjs/canvasrenderingcontext2d/1630015-settransform
---

# setTransform

Sets the transformation matrix.

## Declaration

```data
void setTransform(
    unrestricted float m11, 
    unrestricted float m12, 
    unrestricted float m21, 
    unrestricted float m22, 
    unrestricted float dx, 
    unrestricted float dy
);
```

## Parameters

- `m11`: Column 1 row 1 matrix value (a).
- `m12`: Column 1 row 2 matrix value (b).
- `m21`: Column 2 row 1 matrix value (c).
- `m22`: Column 2 row 2 matrix value (d).
- `dx`: X scalar value (e).
- `dy`: Y scalar value (f).

## Discussion

Discussion Replaces the current transformation matrix with the matrix shown in Figure 1. Each point in the canvas coordinate system is multiplied by the transformation matrix.

## See Also

### Changing the Coordinate System

- [rotate](webkitjs/canvasrenderingcontext2d/1630553-rotate.md)
- [scale](webkitjs/canvasrenderingcontext2d/1631799-scale.md)
- [transform](webkitjs/canvasrenderingcontext2d/1629911-transform.md)
- [translate](webkitjs/canvasrenderingcontext2d/1629441-translate.md)