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

# ImageContainer

> [`ImageContainer`](#imagecontainer)

## Classes

### ImageContainer

#### Constructors

##### Constructor

```ts
new ImageContainer(onLoadedDelegate): ImageContainer;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `onLoadedDelegate` | () => `void` |

###### Returns

#### Accessors

##### canvas

###### Get Signature

```ts
get canvas(): HTMLCanvasElement;
```

###### Returns

`HTMLCanvasElement`

##### image

###### Get Signature

```ts
get image(): HTMLImageElement;
```

###### Returns

`HTMLImageElement`

##### isLoaded

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`void`

##### isLoading

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`void`

##### source

###### Get Signature

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

###### Returns

`string`

###### Set Signature

```ts
set source(src): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `src` | `string` |

###### Returns

`void`

#### Methods

##### clear()

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

###### Returns

`void`

##### dispose()

```ts
dispose(): void;
```

###### Returns

`void`

##### updateCanvas()

```ts
updateCanvas(canvas): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvas` | `HTMLCanvasElement` |

###### Returns

`void`

##### updateUrl()

```ts
updateUrl(url): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `url` | `string` |

###### Returns

`void`