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

# RotateHandler

> [`RotateHandler`](#rotatehandler)

## Classes

### RotateHandler

#### Constructors

##### Constructor

```ts
new RotateHandler(canvas, viewer): RotateHandler;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvas` | [`Canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Canvas-1.md#canvas) |
| `viewer` | [`Viewer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Viewer-1.md#viewer) |

###### Returns

#### Properties

##### rotateDiv

```ts
rotateDiv: HTMLElement = null;
```

#### Methods

##### addRotateDiv()

```ts
addRotateDiv(top, left): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `top` | `number` |
| `left` | `number` |

###### Returns

`void`

##### addRotationStyle()

```ts
addRotationStyle(): void;
```

###### Returns

`void`

##### calculatePositionRotateDiv()

```ts
calculatePositionRotateDiv(
   contentAngle, 
   offsetLeft, 
   offsetTop, 
   pt, 
   contentWidth, 
   contentHeight): PointF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `contentAngle` | `number` |
| `offsetLeft` | `number` |
| `offsetTop` | `number` |
| `pt` | `PointF` |
| `contentWidth` | `number` |
| `contentHeight` | `number` |

###### Returns

`PointF`

##### removeRotateDiv()

```ts
removeRotateDiv(): void;
```

###### Returns

`void`

##### updateRotateDegreeDiv()

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

###### Parameters

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

###### Returns

`void`

##### updateRotatePositionDiv()

```ts
updateRotatePositionDiv(top, left): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `top` | `number` |
| `left` | `number` |

###### Returns

`void`

##### updateView()

```ts
updateView(
   selectedHandler, 
   pt, 
   state, 
   angle): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `selectedHandler` | [`BaseRectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseRectangleItemHandler.md#baserectangleitemhandler) |
| `pt` | `PointF` |
| `state` | [`InputState`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IInputManager.md#inputstate) |
| `angle` | `number` |

###### Returns

`void`

##### getRotatedPointFromSize()

```ts
static getRotatedPointFromSize(
   point, 
   size, 
   angle): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `point` | `PointF` |
| `size` | `SizeF` |
| `angle` | `number` |

###### Returns

`any`