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

# SizeF

> [`SizeF`](#sizef)

## Classes

### SizeF

#### Constructors

##### Constructor

```ts
new SizeF(width?, height?): SizeF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `width?` | `number` |
| `height?` | `number` |

###### Returns

#### Properties

##### height

```ts
height: number = 0;
```

##### width

```ts
width: number = 0;
```

#### Methods

##### clone()

```ts
clone(): SizeF;
```

###### Returns

[`SizeF`](#sizef)

##### equals()

```ts
equals(other): any;
```

###### Parameters

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

###### Returns

`any`

##### toString()

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

###### Returns

`string`

##### updateByMatrix()

```ts
updateByMatrix(matrix): SizeF;
```

###### Parameters

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

###### Returns

[`SizeF`](#sizef)

##### from()

```ts
static from(size): SizeF;
```

###### Parameters

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

###### Returns

[`SizeF`](#sizef)