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

# RotatedRectangleF

> [`RotatedRectangleF`](#rotatedrectanglef)

## Classes

### RotatedRectangleF

#### Constructors

##### Constructor

```ts
new RotatedRectangleF(
   centerX?, 
   centerY?, 
   width?, 
   height?, 
   angle?): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `centerX?` | `number` |
| `centerY?` | `number` |
| `width?` | `number` |
| `height?` | `number` |
| `angle?` | `number` |

###### Returns

#### Properties

##### angle

```ts
angle: number;
```

##### centerX

```ts
centerX: number;
```

##### centerY

```ts
centerY: number;
```

##### height

```ts
height: number;
```

##### width

```ts
width: number;
```

#### Accessors

##### bounds

###### Get Signature

```ts
get bounds(): RectangleF;
```

Gets the bounds of this rotated rectangle taking into account its rotation.

###### Returns

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

##### center

###### Get Signature

```ts
get center(): PointF;
```

###### Returns

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

###### Set Signature

```ts
set center(center): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `center` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

`void`

##### location

###### Get Signature

```ts
get location(): PointF;
```

###### Returns

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

###### Set Signature

```ts
set location(location): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `location` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

`void`

#### Methods

##### clone()

```ts
clone(): RotatedRectangleF;
```

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### contains()

```ts
contains(pt): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `pt` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

`boolean`

##### equals()

```ts
equals(rect, tolerance?): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rect` | [`RotatedRectangleF`](#rotatedrectanglef) |
| `tolerance?` | `number` |

###### Returns

`boolean`

##### getBottomCenterPoint()

```ts
getBottomCenterPoint(): PointF;
```

###### Returns

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

##### getBottomLeftCorner()

```ts
getBottomLeftCorner(): PointF;
```

###### Returns

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

##### getBottomRightCorner()

```ts
getBottomRightCorner(): PointF;
```

###### Returns

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

##### getCornerByIndex()

```ts
getCornerByIndex(index): PointF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

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

##### getLeftCenterPoint()

```ts
getLeftCenterPoint(): PointF;
```

###### Returns

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

##### getRightCenterPoint()

```ts
getRightCenterPoint(): PointF;
```

###### Returns

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

##### getSimplifiedObject()

```ts
getSimplifiedObject(): object;
```

###### Returns

`object`

###### angle

```ts
angle: number;
```

###### centerX

```ts
centerX: number;
```

###### centerY

```ts
centerY: number;
```

###### height

```ts
height: number;
```

###### width

```ts
width: number;
```

##### getTransform()

```ts
getTransform(rectangle): Transform;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | [`RotatedRectangleF`](#rotatedrectanglef) |

###### Returns

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

##### getUpperCenterPoint()

```ts
getUpperCenterPoint(): PointF;
```

###### Returns

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

##### getUpperLeftCorner()

```ts
getUpperLeftCorner(): PointF;
```

###### Returns

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

##### getUpperRightCorner()

```ts
getUpperRightCorner(): PointF;
```

###### Returns

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

##### intersectsWith()

```ts
intersectsWith(rect): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rect` | [`RotatedRectangleF`](#rotatedrectanglef) |

###### Returns

`boolean`

##### rotateAt()

```ts
rotateAt(angle, center): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `angle` | `number` |
| `center` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### setTransform()

```ts
setTransform(transform): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `transform` | [`Transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform.md#transform) |

###### Returns

`void`

##### toRectangleF()

```ts
toRectangleF(): RectangleF;
```

###### Returns

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

##### toString()

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

###### Returns

`string`

##### transform()

```ts
transform(transform, center): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `transform` | [`Transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform.md#transform) |
| `center` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

`void`

##### transformByMatrix()

```ts
transformByMatrix(matrix, deltaAngle?): RotatedRectangleF;
```

###### Parameters

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

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### translate()

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

###### Parameters

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

###### Returns

`void`

##### withoutAngle()

```ts
withoutAngle(): RotatedRectangleF;
```

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### FromLTRB()

```ts
static FromLTRB(
   left, 
   top, 
   right, 
   bottom): RotatedRectangleF;
```

###### Parameters

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

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### fromRectangleF()

```ts
static fromRectangleF(rectangle, angle?): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |
| `angle?` | `number` |

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### getRectWithOffset()

```ts
static getRectWithOffset(rectangle, offset): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | [`RotatedRectangleF`](#rotatedrectanglef) |
| `offset` | [`PointF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/PointF.md#pointf) |

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### intersect()

```ts
static intersect(a, b): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `a` | [`RotatedRectangleF`](#rotatedrectanglef) |
| `b` | [`RotatedRectangleF`](#rotatedrectanglef) |

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)

##### union()

```ts
static union(a, b): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `a` | [`RotatedRectangleF`](#rotatedrectanglef) |
| `b` | [`RotatedRectangleF`](#rotatedrectanglef) |

###### Returns

[`RotatedRectangleF`](#rotatedrectanglef)