---
title: rotate
framework: webkitjs
role: symbol
role_heading: Instance Method
path: webkitjs/canvasrenderingcontext2d/1630553-rotate
---

# rotate

Rotates the canvas coordinate system.

## Declaration

```data
void rotate(
    unrestricted float angle
);
```

## Parameters

- `angle`: The amount of rotation, in radians, clockwise.

## Discussion

Discussion Changes to the coordinate system affect subsequent drawing operations, but do not affect anything already drawn. Rotation is clockwise around the origin, which by default is the upper-left corner.

## See Also

### Changing the Coordinate System

- [scale](webkitjs/canvasrenderingcontext2d/1631799-scale.md)
- [setTransform](webkitjs/canvasrenderingcontext2d/1630015-settransform.md)
- [transform](webkitjs/canvasrenderingcontext2d/1629911-transform.md)
- [translate](webkitjs/canvasrenderingcontext2d/1629441-translate.md)