---
title: scale
framework: webkitjs
role: symbol
role_heading: Instance Method
path: webkitjs/canvasrenderingcontext2d/1631799-scale
---

# scale

Scales the canvas coordinate system horizontally and vertically.

## Declaration

```data
void scale(
    unrestricted float sx, 
    unrestricted float sy
);
```

## Parameters

- `sx`: The horizontal scalar.
- `sy`: The vertical scalar.

## Discussion

Discussion Drawing operations can be scaled up or down by setting the scale. All drawing operation x and y coordinates, widths and heights are multiplied by the scalars. The scalars must be nonzero, but may be negative (which reverses the sign of subsequent x and y coordinates.

## See Also

### Changing the Coordinate System

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