---
title: "Transform | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform/"
---

# Transform

> [`Transform`](#transform)

## Classes

### Transform

#### Constructors

##### Constructor

```ts
new Transform(
   scaleX?, 
   scaleY?, 
   translateX?, 
   translateY?, 
   angle?): Transform;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `scaleX?` | `number` |
| `scaleY?` | `number` |
| `translateX?` | `number` |
| `translateY?` | `number` |
| `angle?` | `number` |

###### Returns

#### Accessors

##### angle

###### Get Signature

```ts
get angle(): number;
```

###### Returns

`number`

##### isEmpty

###### Get Signature

```ts
get isEmpty(): boolean;
```

###### Returns

`boolean`

##### scaleX

###### Get Signature

```ts
get scaleX(): number;
```

###### Returns

`number`

##### scaleY

###### Get Signature

```ts
get scaleY(): number;
```

###### Returns

`number`

##### translateX

###### Get Signature

```ts
get translateX(): number;
```

###### Returns

`number`

##### translateY

###### Get Signature

```ts
get translateY(): number;
```

###### Returns

`number`

#### Methods

##### addTransformChanged()

```ts
addTransformChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`t`) => `any` |

###### Returns

`void`

##### applyMatrix()

```ts
applyMatrix(matrix, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `matrix` | [`Matrix`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Matrix.md#matrix) | `undefined` |
| `supressOnChanged` | `boolean` | `false` |

###### Returns

`void`

##### clear()

```ts
clear(namedParameters?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `namedParameters` | \{ `keepAngle?`: `boolean`; `supressOnChanged?`: `boolean`; \} |
| `namedParameters.keepAngle?` | `boolean` |
| `namedParameters.supressOnChanged?` | `boolean` |

###### Returns

`void`

##### clone()

```ts
clone(): Transform;
```

###### Returns

[`Transform`](#transform)

##### equals()

```ts
equals(transform, tolerance?): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `transform` | [`Transform`](#transform) |
| `tolerance?` | `number` |

###### Returns

`any`

##### move()

```ts
move(x, y): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `x` | `number` |
| `y` | `number` |

###### Returns

`void`

##### removeTransformChanged()

```ts
removeTransformChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | `any` |

###### Returns

`void`

##### rotate()

```ts
rotate(angle): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `angle` | `number` |

###### Returns

`void`

##### setAngle()

```ts
setAngle(value, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `supressOnChanged?` | `boolean` |

###### Returns

`void`

##### setScaleX()

```ts
setScaleX(value, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `supressOnChanged?` | `boolean` |

###### Returns

`void`

##### setScaleY()

```ts
setScaleY(value, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `supressOnChanged?` | `boolean` |

###### Returns

`void`

##### setTranslateX()

```ts
setTranslateX(value, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `supressOnChanged?` | `boolean` |

###### Returns

`void`

##### setTranslateY()

```ts
setTranslateY(value, supressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |
| `supressOnChanged?` | `boolean` |

###### Returns

`void`

##### toMatrix()

```ts
toMatrix(): Matrix;
```

###### Returns

[`Matrix`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Matrix.md#matrix)

##### toString()

```ts
toString(): string;
```

###### Returns

`string`

##### isEqual()

```ts
static isEqual(
   a, 
   b, 
   tolerance?): boolean;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `a` | [`Transform`](#transform) | `undefined` |
| `b` | [`Transform`](#transform) | `undefined` |
| `tolerance` | `number` | `0.0001` |

###### Returns

`boolean`