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

# PrintArea

> - [`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent)

## Classes

### PrintArea

#### Extends

#### Constructors

##### Constructor

```ts
new PrintArea(
   bounds?, 
   bleed?, 
   slug?, 
   shape?): PrintArea;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `bounds?` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |
| `bleed?` | [`Margin`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Margin.md#margin) |
| `slug?` | [`Margin`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Margin.md#margin) |
| `shape?` | [`Path`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Path.md#path) |

###### Returns

[`PrintArea`](#printarea)

###### Overrides

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#constructor)

#### Properties

##### id

```ts
id: string;
```

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`id`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#id)

##### parentSurface

```ts
parentSurface: Surface = null;
```

#### Accessors

##### bleed

###### Get Signature

```ts
get bleed(): Margin;
```

###### Returns

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

###### Set Signature

```ts
set bleed(value): void;
```

###### Parameters

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

###### Returns

`void`

##### bounds

###### Get Signature

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

###### Returns

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

###### Set Signature

```ts
set bounds(value): void;
```

###### Parameters

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

###### Returns

`void`

##### cropMarks

###### Get Signature

```ts
get cropMarks(): Collection<CropMark>;
```

###### Returns

[`Collection`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Collection.md#collection)\<[`CropMark`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/CropMark.md#cropmark)\>

###### Set Signature

```ts
set cropMarks(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Collection`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Collection.md#collection)\<[`CropMark`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/CropMark.md#cropmark)\> |

###### Returns

`void`

##### isRectangle

###### Get Signature

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

###### Returns

`boolean`

##### name

###### Get Signature

```ts
get name(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set name(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#name)

##### safetyLines

###### Get Signature

```ts
get safetyLines(): Collection<SafetyLine>;
```

###### Returns

[`Collection`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Collection.md#collection)\<[`SafetyLine`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/SafetyLine.md#safetyline)\>

###### Set Signature

```ts
set safetyLines(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Collection`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Collection.md#collection)\<[`SafetyLine`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/SafetyLine.md#safetyline)\> |

###### Returns

`void`

##### shape

###### Get Signature

```ts
get shape(): Path;
```

###### Returns

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

###### Set Signature

```ts
set shape(value): void;
```

###### Parameters

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

###### Returns

`void`

##### slug

###### Get Signature

```ts
get slug(): Margin;
```

###### Returns

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

###### Set Signature

```ts
set slug(value): void;
```

###### Parameters

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

###### Returns

`void`

##### tags

###### Get Signature

```ts
get tags(): object;
```

###### Returns

`object`

###### Set Signature

```ts
set tags(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | \{ \[`key`: `string`\]: `any`; \} |

###### Returns

`void`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`tags`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#tags)

##### version

###### Get Signature

```ts
get version(): string;
```

###### Returns

`string`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`version`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#version)

#### Methods

##### addPropertyChanged()

```ts
addPropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`addPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#addpropertychanged)

##### clone()

```ts
clone(generateNewIds?): PrintArea;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `generateNewIds` | `boolean` | `false` |

###### Returns

[`PrintArea`](#printarea)

##### equals()

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

###### Parameters

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

###### Returns

`boolean`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`equals`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#equals)

##### generateNewIds()

```ts
generateNewIds(): void;
```

###### Returns

`void`

###### Overrides

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`generateNewIds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#generatenewids)

##### getBounds()

```ts
getBounds(type): RectangleF;
```

###### Parameters

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

###### Returns

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

##### getSimplifiedObject()

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

###### Returns

`object`

###### Overrides

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`getSimplifiedObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#getsimplifiedobject)

##### removePropertyChanged()

```ts
removePropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`removePropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#removepropertychanged)

##### toString()

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

Returns a string representation of an object.

###### Returns

`string`

###### Inherited from

[`ModelComponent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#abstract-modelcomponent).[`toString`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ModelComponent.md#tostring)