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

# LayerCollection

> - [`MultiSelectMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Commands.md#multiselectmode)\<[`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer)\>

## Classes

### LayerCollection

#### Extends

#### Constructors

##### Constructor

```ts
new LayerCollection(canvas): LayerCollection;
```

###### Parameters

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

###### Returns

[`LayerCollection`](#layercollection)

###### Overrides

```ts
Collection<Layer>.constructor
```

#### Methods

##### clear()

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

###### Returns

`void`

##### getItemHandlersByName()

```ts
getItemHandlersByName(name): any[];
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `name` | `any` |

###### Returns

`any`[]

##### getLayerByContainerId()

```ts
getLayerByContainerId(id): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `id` | `any` |

###### Returns

`any`

##### getLayerById()

```ts
getLayerById(id): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `id` | `any` |

###### Returns

`any`

##### getLayersByName()

```ts
getLayersByName(name): any[];
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `name` | `any` |

###### Returns

`any`[]

##### insertAt()

```ts
insertAt(index, items): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |
| `items` | [`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer) \| [`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer)[] |

###### Returns

`void`

##### move()

```ts
move(oldIndex, newIndex): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `oldIndex` | `any` |
| `newIndex` | `any` |

###### Returns

`any`

##### removeRange()

```ts
removeRange(from, to): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `from` | `number` |
| `to` | `number` |

###### Returns

`any`